System Blocks : New Website Builder

Click on the settings icon on the New Block to manage the below settings

Background Color/Image: Choose a background color to set the tone or upload an image for a visually appealing backdrop, aligning with the overall theme of the news block.

Title ON/OFF: Toggle On the display of the section title, providing users with the flexibility to showcase or hide the title based on design preferences.

Description Settings:

• Description ON/OFF: Control the visibility of the news article descriptions, providing additional context or maintaining a clean, streamlined appearance based on content strategy.

• Text Width (Desktop): Adjust the width of the description text for optimal readability and layout on desktop devices. On vertical tablets and mobiles, the text width extends across the entire screen for a responsive design.

Button ON/OFF: Include or exclude a button within the block for a clear call-to-action, guiding users to read more or take specific actions related to the news articles.

Padding (Top, Bottom): Fine-tune the spacing around the entire news block to ensure optimal visual balance and emphasis, maintaining consistency with the overall design.

Click on the settings icon of the Carousel Block to manage the below settings

Carousel Type: Allows organizers to choose the type of carousel to be displayed, providing them with options for various carousel layouts or styles. Specify whether it's a traditional carousel, a multi-row carousel, or another visually appealing type.

Total Number of Cards: Define the total number of cards to be displayed in the carousel, allowing organizers to control the quantity of content visible at a given time.

• Sorting - A-Z and Z-A: Arrange carousel items in alphabetical order for a structured and organized display.

• Sorting - Random: Shuffle carousel items randomly for a dynamic and unpredictable showcase.

 The default sorting for the News Block is "Latest News is shown on the Top."

Click on the settings icon of the Card Block to manage the below settings

News Description: Control the visibility and formatting of the news article description on the card, ensuring organizers to have the flexibility to present concise or detailed information.

News Date Display: Determine how the news date is displayed on the card, allowing for various formats or styles.

Author Display: Allows organizes to choose whether to display the author's name on the card, providing flexibility in presenting the contributor of the news article.

Background Colour: Customize the background color of each card to match the overall theme or create visual contrast within the news block.

Card Border:

• Border Colour: Define the color of the border surrounding each card, allowing for seamless integration with the overall design.

• Thickness: Adjust the thickness of the card border to achieve the desired visual emphasis.

• Corner Radius: Set the corner radius to add a rounded or curved appearance to the edges of the card, enhancing its aesthetic appeal.

Padding (Top, Left, Right, Bottom): Fine-tune the spacing around the card content to ensure optimal visual balance and alignment within the news block.

Card Shadow:

• Shadow Style: Choose a shadow style for each card, such as flat, raised, or inset, to add depth and dimension.

• Shadow Colour: Customize the color of the shadow to complement the overall design and create a cohesive visual effect.

• Shadow Size: Adjust the size of the shadow to control the intensity and prominence, providing a subtle or more pronounced shadow effect.

Click on the settings icon of the News Block to manage the below settings

Tag Selection: Choose specific news tags to be associated with the news articles displayed in the block. This allows organizers to categorize and organize news content based on themes or topics.

Source Selection(News to Show): Select the source of news articles to be displayed, providing options such as showing news from all sources, only organizers, or specifically from exhibitors. This customization offers flexibility in tailoring the content to specific contributors.

Product Category Selection: Specify product categories associated with the news articles to create thematic groupings. This allows users to focus on news related to specific product categories.

Date Filter: Set a start date to determine the range of news articles to be displayed. This feature enables users to showcase recent news or highlight specific periods of interest.

Custom News Selection: Choose specific news articles to be included in the block, providing users with a curated approach to content presentation. This selection could also involve searching for news associated with exhibitors for added flexibility.

Background Color/Image: Choose a background color to complement the overall theme or upload a custom image for a personalized touch, setting the tone for the entire section.

Title ON/OFF: Toggle On to the display of the section title for enhanced flexibility in design, allowing organizers to feature the title prominently or maintain a cleaner, minimalist look.

Description ON/OFF: Control the visibility of the section description to provide additional context or maintain a streamlined appearance based on the specific content strategy.

Text Width (Desktop): Adjust the width of text content exclusively for desktop viewing, ensuring optimal readability and layout. On vertical tablets and mobile devices, text width extends across the entire screen width for a responsive and consistent design.

Divider Settings:

• Divider ON/OFF: Add or remove a divider for visual separation of content sections, providing a structured and organized appearance.

• Divider Colour: Customize the color of the divider line to match the overall color scheme or create a deliberate contrast for visual emphasis.

• Thickness: Adjust the thickness of the divider to achieve the desired visual impact without overwhelming the content.

• Dash Cap: Customize the dash cap style for a unique aesthetic touch, allowing users to personalize the divider's appearance.

Button ON/OFF: Incorporate or hide a button for a clear call-to-action, guiding users to take specific actions within the section.

Padding (Top, Bottom): Fine-tune the spacing around the section to achieve the desired visual balance and emphasis, ensuring content is well-aligned and visually appealing.

Total Number of Cards: Define the total number of cards to be displayed in the carousel, allowing organizer to control the quantity of content visible at a given time.

Arrows Settings:

• Arrows ON/OFF: Toggle On for the visibility of navigation arrows for manual control of the carousel.

• Arrow Colour: Customize the color of the navigation arrows to seamlessly integrate with the overall design.

• Arrow Background Colour: Set a background color for the navigation arrows, enhancing visibility and aesthetic appeal.

• Border Colour: Define the color of the arrow borders for additional style customization.

• Thickness: Adjust the thickness of the arrow borders to achieve the desired visual impact.

Autoplay Slideshow ON/OFF: Enable or disable automatic slideshow playback for a hands-free viewing experience.

Each variation have the option to set whether it's a slider or a static block.

Sorting Options:

• Sorting - A-Z and Z-A: Arrange carousel items in alphabetical order for a structured and organized display.

• Sorting - Random: Shuffle carousel items randomly for a dynamic and unpredictable showcase.

Background Colour: Customize the background color of each card to match the overall theme or create visual contrast within the section.

Card Border:

• Border Colour: Define the color of the border surrounding each card, allowing for seamless integration with the overall design.

• Thickness: Adjust the thickness of the card border to achieve the desired visual emphasis.

• Corner Radius: Set the corner radius to add a rounded or curved appearance to the edges of the card, enhancing its aesthetic appeal.

Padding (Top, Left, Right, Bottom): Fine-tune the spacing around the card content to ensure optimal visual balance and alignment within the section.

Card Shadow:

• Shadow Style: Choose a shadow style for each card, such as flat, raised, or inset, to add depth and dimension.

• Shadow Colour: Customize the color of the shadow to complement the overall design and create a cohesive visual effect.

• Shadow Size: Adjust the size of the shadow to control the intensity and prominence, providing a subtle or more pronounced shadow effect.

Background: Color/Image: Choose a background color that complements your website's theme or upload a custom image for a more personalized touch. The ability to customize the background ensures that the block seamlessly integrates into the overall design.

Title: ON/OFF: Enable or disable the display of the block title to accommodate various design preferences. This feature is especially useful when the block's content should be the focal point without a title distraction.

Description Settings: ON/OFF: Toggle the block description on or off based on your content strategy. This provides flexibility, allowing organizer to decide whether additional context is necessary for their audience.

Text Width (Desktop): Adjust the width of the text content exclusively for desktop users. This responsive design feature ensures an optimized reading experience on larger screens without compromising the layout on smaller devices.

Divider Settings:

• Divider ON/OFF: Introduce a visual separation between sections by adding or removing a divider. This feature enhances the block's aesthetics.

• Divider Color: Customize the divider's color to match the overall color scheme or create a deliberate contrast for visual emphasis.

• Divider Thickness: Fine-tune the thickness of the divider to achieve the desired visual impact without overwhelming the content.

• Dash Cap: Customize the style of the dash cap for a sophisticated or playful appearance.

Button Settings ON/OFF: Include or exclude a button within the block for a clear call-to-action. This can be particularly useful for driving user engagement or guiding visitors to specific content or actions.

Padding (Top, Bottom): Adjust the padding around the block to control the spacing between the content and the block's borders. This feature ensures that the block integrates seamlessly into the overall page layout and maintains a polished appearance.

Exhibitor Category Selection: Choose specific exhibitor categories to be included in the display. This allows users to focus on particular types of exhibitors based on defined categories, ensuring relevance and thematic cohesion.

Product Category Selection: Specify product categories associated with exhibitors to filter and showcase relevant exhibitors within the block. This feature is ideal for highlighting specific exhibitors

Tag Selection: Incorporate exhibitors based on specific tags. This detailed tagging system enables organizer to curate content with precision, ensuring that only exhibitors with specific characteristics or attributes are featured in the block.

Specific Exhibitors: Search and Select: Utilize a search functionality to find and add specific exhibitors to the block. This feature streamlines the process of content curation, especially in scenarios where users have a pre-defined list of exhibitors they wish to highlight.

Background Color: Customize the background color of each card to match the overall theme or create visual contrast within the block.

Card Border:

• Border Color: Define the color of the border surrounding each card, allowing for seamless integration with the overall design.

• Thickness: Adjust the thickness of the card border to achieve the desired visual emphasis.

• Corner Radius: Set the corner radius to add a rounded or curved appearance to the edges of the card, enhancing its aesthetic appeal.

Padding (Top, Bottom): Fine-tune the spacing around the card content to ensure optimal visual balance and alignment within the block.

Card Shadow:

• Shadow Style: Choose a shadow style for each card, such as flat, raised, or inset, to add depth and dimension.

• Shadow Color: Customize the color of the shadow to complement the overall color scheme and enhance visual continuity.

• Shadow Size: Adjust the size of the shadow to control the intensity and prominence, creating a subtle or pronounced shadow effect.

Button Type: Choose from various button types, such as standard, outlined, or textured, to match the desired visual style and design.

Background Color: Customize the background color of the button to align with the overall color scheme or create a distinctive visual element.

Size & Shape:

• Size: Adjust the overall size of the button to suit the design and layout preferences.

• Side Padding: Set the padding on the sides of the button for precise control over spacing and alignment.

• Corner Radius: Define the corner radius to achieve rounded or squared corners, adding a touch of sophistication or modernity to the button's appearance.

Border:

• Border Color: Specify the color of the border for enhanced visual contrast or seamless integration with the background.

• Thickness: Adjust the thickness of the button border to control the prominence and emphasis of the button within the block.

Shadow:

• Shadow Style: Choose a shadow style for the button, such as flat, raised, or inset, to add depth and dimension.

• Shadow Color: Customize the color of the shadow to complement the overall design and create a cohesive visual effect.

• Shadow Size: Adjust the size of the shadow to control the intensity and prominence, providing a subtle or more pronounced shadow effect.

Block Type: Choose between different static block types to determine the layout and presentation style that best suits your content and design goals.

Number of Cards: Define the total number of cards to be displayed within the static block, allowing users to control the amount of content visible at a given time.

Card Display Type: Select between Slider and Static display options. Choose "Static" for a fixed, non-scrolling presentation, providing a stable view of the content. Opt for "Slider" to enable dynamic, slide-based navigation through the cards.

Sorting Options:

• Sorting A-Z and Z-A: Arrange static block items in alphabetical order for a structured and organized display.

• Sorting - Random: Shuffle static block items randomly for a dynamic and unpredictable showcase

Slider Type: Choose the slider type that aligns with your design preferences, providing options for different visual styles and transitions.

Number of Cards: Define the total number of cards to be included in the slider, allowing organizer to control the amount of content visible in each slide.

Card Display Type: Select between Slider and Static options. Choose "Slider" for a dynamic, slide-based navigation through the cards. Opt for "Static" to present a fixed, non-scrolling view of the content.

Arrows Settings:

• Arrows ON/OFF: Toggle On the visibility of navigation arrows for manual control of the slider.

• Arrow Colour: Customize the color of the navigation arrows for seamless integration with the overall design.

• Arrow Background Colour: Set a background color for the navigation arrows to enhance visibility and aesthetic appeal.

• Border Colour: Define the color of the arrow borders for additional style customization.

• Thickness: Adjust the thickness of the arrow borders to achieve the desired visual impact.

Pagination: Organizer can choose to display dot or numbers to indicate the pages in the block

Autoplay ON/OFF: Enable or disable automatic slideshow playback for a hands-free viewing experience.

Sorting Options:

• Sorting - A-Z and Z-A: Arrange slider items in alphabetical order for a structured and organized display.

• Sorting - Random: Shuffle slider items randomly for a dynamic and unpredictable showcase.

Tag Selection: Choose specific speaker tags to be associated with the speaker cards displayed in the block. This allows users to categorize and organize speakers based on their expertise, topics, or any relevant theme.

Individual Speaker Selection: Choose specific speakers to be included in the block, providing users with the flexibility to curate a showcase featuring particular individuals.

Carousel Type: Choose the type of carousel to be displayed, specifying a slider for dynamic presentation of speaker cards. This provides an engaging and visually appealing way to showcase multiple speakers.

Total Number of Cards: Define the total number of speaker cards to be displayed in the carousel, allowing users to control the quantity of content visible at a given time.

Card Display - Slider: Specify the card display as a slider, creating a dynamic and interactive experience for users as they explore the featured speakers.

Arrows Settings:

• Arrows ON/OFF: Toggle the visibility of navigation arrows for manual control of the slider, allowing users to navigate through speaker cards at their own pace.

• Arrow Colour: Customize the color of the navigation arrows to seamlessly integrate with the overall design.

• Arrow Background Colour: Set a background color for the navigation arrows, enhancing visibility and aesthetic appeal.

• Border Colour: Define the color of the arrow borders for additional style customization.

• Thickness: Adjust the thickness of the arrow borders to achieve the desired visual impact.

Pagination: Include pagination indicators for quick navigation between speaker cards, enhancing user experience and providing visual cues about the total number of cards in the carousel.

Autoplay Slideshow: Enable or disable automatic slideshow playback for a hands-free and dynamic showcase of speaker cards. Define the delay between slideshows for optimal timing.

Sorting Options:

• Sorting - A-Z and Z-A: Arrange speaker cards in alphabetical order for a structured and organized carousel.

• Sorting - Random: Shuffle speaker cards randomly for a dynamic and unpredictable showcase

Background Colour: Customize the background color of each speaker card, allowing users to align the card's visual style with the overall theme of the website.

Avatar Effect: Apply special effects to speaker avatars for added visual appeal, enhancing the overall presentation of speaker cards.

Border on Hover:

• Border on Hover ON/OFF: Toggle the visibility of a border when the user hovers over a speaker card, providing interactive feedback.

• Border Colour: Define the color of the border that appears on hover, allowing for additional style customization.

Black & White Photo (Default):

• Black & White Photo ON/OFF: Enable or disable the display of speaker photos in black and white by default, providing a unique and cohesive visual style.

• Saturation: Adjust the level of saturation for black and white photos, allowing users to control the intensity of the effect.

Card Border:

• Border Colour: Define the color of the border surrounding each speaker card, ensuring seamless integration with the overall design.

• Thickness: Adjust the thickness of the card border to achieve the desired visual emphasis.

• Corner Radius: Set the corner radius to add a rounded or curved appearance to the edges of the speaker card, enhancing its aesthetic appeal.

Padding (Top, Left, Right, Bottom): Fine-tune the spacing around the speaker card content to ensure optimal visual balance and alignment within the carousel

Background: Color/ Image: Customize the background with a choice of colors or upload an image to create a visually appealing backdrop for your content.

Title and Description:

• Title ON/OFF: Toggle the visibility of the title for a cleaner or more minimalist look.

• Description ON/OFF: Choose whether to display additional descriptive text along with the title.

Text Width:

• Desktop: Adjust the width of the text content for desktop views, ensuring optimal readability and design.

• Vertical Tablet and Mobile: Automatically spans the entire width to enhance responsiveness and adaptability.

Divider:

• ON/OFF: Include or exclude dividers for a structured or seamless appearance.

• Divider Color: Customize the color of the divider to complement your overall design scheme.

• Thickness: Control the thickness of the divider, allowing for subtle or bold separations.

• Dash Cap: Choose from different dash cap styles to add a touch of sophistication to the dividers.

Button: ON/OFF: Incorporate or hide buttons for a clear call-to-action or a streamlined aesthetic.

Padding: Fine-tune the spacing above and below the content block, providing control over the visual balance and spacing within the layout.

Select Exhibitor Category: Categorize brands based on exhibitor categories, providing a structured and organized display. Users can easily filter and navigate through brands associated with specific exhibitor categories.

Select Product Category: Align brands with relevant product categories, allowing users to showcase brands based on the types of products or services they offer. This enhances user experience by presenting content in a targeted and contextually relevant manner.

Tag: Implement a tagging system for brands, enabling users to add descriptive tags that highlight specific characteristics, features, or attributes associated with each brand. This facilitates easier organization and searchability of brands based on user-defined criteria.

Specific Exhibitors: Provide users with the option to specifically select and showcase individual exhibitors or brands. This allows for a more curated and personalized presentation, especially useful for featuring key partners, sponsors, or highlighted brands.

Type: Carousel Type: Choose the type of carousel, specifying the total number of cards visible at any given time. Options include a traditional carousel or a more expansive display with multiple cards.

Arrows:

• Arrow Colour: Customize the color of navigation arrows for a harmonious blend with the overall design.

• Arrow Background Colour: Set the background color behind the navigation arrows to enhance visibility and aesthetics.

• Border Colour: Define the color of the border surrounding the arrows, adding a refined touch to the navigation elements.

• Thickness: Adjust the thickness of the arrow border to achieve the desired level of prominence.

Autoplay Slideshow:

• Autoplay Slideshow ON/OFF: Enable or disable the autoplay feature, allowing the carousel to automatically transition between cards.

• Delay Between Slides: Specify the time interval between each slide transition, providing control over the slideshow speed and pacing.

Sorting:

• A-Z and Z-A: Arrange carousel cards in alphabetical order, promoting a structured and organized presentation.

• Random: Shuffle the order of carousel cards randomly, injecting an element of surprise and variety into the user experience.

Card Background: Choose a color or upload an image to set the background for each card, providing a distinct visual identity for individual elements.

Card Border:

• Border Color: Define the color of the border surrounding each card, ensuring it complements the overall design scheme.

• Border Thickness: Adjust the thickness of the card border for subtle or bold outlines.

• Corner Radius: Set the corner radius to determine the curvature of card corners, influencing the overall aesthetic of each card.

Description: Toggle the visibility of the description for each card, offering flexibility in content presentation. This is particularly useful for achieving a cleaner or more concise design.

Card Shadow:

• Shadow Style: Choose from various shadow styles, such as drop shadow or inset shadow, to add depth and dimension to each card.

• Shadow Color: Define the color of the card shadow, allowing for customization that complements the overall color scheme.

• Shadow Size: Adjust the size or intensity of the card shadow, providing control over the visual prominence of each card.