Skip to main content

Tech Conference Event

Follow this step-by-step guide to build and customize your application using Planby Now:

info

Download the example channels CSV file from -> Link.

Download the example elements CSV file from -> Link.

Step 1: Create an Application​

  1. Go to the Home Page.

  2. Click Create an App and provide a name for your application.

    Img

Step 2: Upload Data in the Channels Tab​

  1. Navigate to the Channels tab.

  2. Upload your data using the provided uploader.

    • You can download example data from this link.

    Img

    Img

Step 3: Upload Data in the Elements Tab​

  1. Go to the Elements tab.
  2. Upload your data similarly to how you did in the Channels tab from this link.

Img

Img

Step 4: Configure Dates in the Builder Tab​

  1. Open the Builder tab.
  2. Enter your Start Date and End Date in the appropriate fields to initialize your application.

Img

Img

Img Img

  1. start: 2024-11-05 10:00 end: 2024-11-05 16:00
  2. start: 2024-11-06 10:00 end: 2024-11-06 16:00
  3. start: 2024-11-07 10:00 end: 2024-11-07 16:00

Img

Step 5: Adjust Dimensions in the Dimensions Tab​

  1. Navigate to the Dimensions tab.
  2. Change the sidebar width to 200px.

Img

Step 6: Enabled date button control in the Options Tab​

  1. Navigate to the Options tab.
  2. Enable the "Date controllers" option.

Img

Step 7: Customize Theme in the Theme Tab​

  1. Open the Theme tab.
  2. Select the pre-built theme named Magenta to apply it to your application.

Img

Step 8: Modify UI Elements in the UI Elements Tab​

  1. Go to the UI Elements tab.
  2. Click the "Show text in channel" tile and disable the "Show image in channel" option.

Img

Step 9: Customize Elements in the Elements Tab​

  1. Return to the Elements tab.
  2. Enable "Show image in element" for all variants.

Img

  1. Adjust image properties:

    • Set the image height to 40px and width to 40px.
    • Change the border radius to 50 for a rounded appearance.
    • Select the Gradient option for the image style.

Img

Step 10: Enable and Configure Modal in the Modal Tab​

  1. Go to the Modal tab.
  2. Enable the modal by clicking the "Enable Modal" option.
  3. Enable the "Show images section" for all modal variants.

Img

  1. Set the modal size to md (medium).

Img

Img

Img

That’s It! 🚀​

Your application is now fully customized and ready to use. Explore more advanced features and fine-tune your settings to make it truly yours!