Skip to main content
Skip table of contents

Custom Block & Text Editor

The primary objective of integrating the Custom Content block into the New Website Builder is to provide users with a tool for creating highly customized and visually engaging web pages.

To add a custom content block Navigate to Admin Panel → Event Setup → Build Website → Click on Edit Website → Click on Add Block on the top left of the screen → Dev → Custom HTML → Click on Add block

image-20240201-135808.png

Custom Block

Organizers have the flexibility to generate custom HTML code for this block, allowing customization according to the specific needs of the event and ensuring aesthetic alignment with the overall website appearance.

image-20240202-075726.png

Custom HTML


Text Editor

We've implemented a text editor block within the Website Builder section, accessible via Edit Website Add Block Dev Text Editor Add Block. This feature enables organizers to craft text blocks with customizable content, giving them full control over the text displayed.

image-20240208-122451.png

Text Editor Block

  1. The General Settings section within the Custom Content block encompasses a comprehensive set of features to give users control over the visual and stylistic elements of their web pages.

Section background:

  • Organiser can choose to set a solid background for the Custom Content block. This feature allows for quick and straightforward color customization to match brand themes or overall website aesthetics.

  • Organiser can also drag-and-drop the image effortlessly to upload and set images as background elements. Additionally, the option to choose from a pre-existing gallery provides users with visual choices.
    Overlay:

  • Toggle switch allows users to easily enable or disable the overlay feature.

  • Organiser can select from a variety of fonts to personalize the text within the Custom Content block.

  • Organiser has the option to choose the overlay color.

  • Organiser can reset all made overlay colour changes by clicking on the Reset button.

Text block:

  • Adjustable text width for optimal layout customization.

  • Alignment options such as left, center, right, or justified.

Padding:

  • Adjustable padding for the top and bottom of the block in pixels.

Custom Content Block Settings

  1. Advance Settings: This enables organizers to access a comprehensive array of advanced customization options, allowing them to fine-tune every aspect of the block's appearance and behaviour.

a. Forward and backward Action Buttons - allows organisers to rewind or forward all changes

Forward&Backward Action buttons

b. All text settings: heading, text style, text size, bold, italic, underlined, <code>, hyperlink, text colour, backgrond text colour, text format, text wrapping

All text setting

c. Image uploader: Allows organisers to upload images in the block

image-20240201-092032.png

Image Uploader

d. Table and Column: Allows the organizer to input content in a tabular format within the block, providing a visually appealing and structured presentation for the content.

image-20240201-092308.png

Inserting Table

e. YouTube Video Uploader: YouTube video uploader functionality is also available in this block

image-20240201-092509.png

Insert YT Video

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.