Skip to main content

Vertical Layout

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.

    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

Enter Start Date: 2024-11-09 00:00 and End Date: 2024-11-09 24: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: Adjust Options in the Options Tab​

  1. Navigate to the Options tab.
  2. Enable the "Vertical mode" option.

Img

Step 7: 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 8: Customize Elements in the Elements Tab​

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

Img

Img

Step 9: 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 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!