Tag: layout

Home Documentation layout
How do I customize the Page Title of Layout Rapi?

The code below to customize the Page Title when utilizing Layout Rapi.   1) Log into your App Manager and select your app. 2) Click Colors from the left-hand-side of the screen (or the middle of the screen). 3) Scroll down to the Advanced SCSS box.   //Begin customize layout rapi page title .layout.layout_rapi .rapi_title { font-size: 35px !important; text-align: center !important;
+ Read More

Adjust the height of the menu in Layout 1.

Use the instructions below to adjust the menu height of Layout 1.   BEFORE   AFTER   1) Log into your App Manager and select your app. 2) Click Colors from the left-hand-side of the screen (or the middle of the screen). 3) Scroll down to the Advanced SCSS box.  If there is already code in the box do not delete it! 
+ Read More

How do I make the text not capital while in “grid view” of Layout 65?

Follow the instructions below to remove the capitalization of the page titles while in Grid View of Layout 65. 1) While in your Control Panel, click “Colors” on the left-hand-side of the screen (or click the “Colors” tab). 2) Scroll down to the Advanced SCSS box and enter the following code: .layout.l65 .grid1 li p
+ Read More

Make the Menu background color of Layout 9 reach the bottom of the Menu.

The code change below would enable you to make the Menu background color reach the bottom of the Menu.   1) Log into your App Manager and select your app. 2) Click Colors from the left-hand-side of the screen (or the middle of the screen). 3) Scroll down to the Advanced CSS box.  Enter the
+ Read More

Customize Height / Width of Layout 18.

Use the code below to change the height/width of Layout 18.   BEFORE   AFTER   1) While in your App Manager, select Colors. 2) Scroll to the bottom of the screen and place the following code in the Advanced CSS box.  If there is already code in the box do not delete it!  Simply
+ Read More

How to configure Layout 35.

Layout 35 is a Layout with a clickable Home Page slider, and it has an option to select whether you want your app Home Page to have 2 or 3 rows of buttons.   Layout Options:   Notes: Slider has 3 slides which consists of the first three pages of an app. This means when
+ Read More

How do I configure Layout “103”?

Layout-103 is a layout with a dual menu (Main Menu + Footer Menu). The Layout combines Layout-1 & Layout-3.   Options include: Click to Call Button Customizable Icon & Icon Color Customizable Menu Scroll Height Customizable Menu Bottom Padding     Notes: Footer menu consists of five items, first one is click to call button.
+ Read More

How do I configure Layout “101”?

Layout 101 contains “call to action” buttons on the Home page of the app.   The call to action buttons include: Click to Call Click to WhatsApp Chat Click to Links Menu Button     Notes: You can change Icons using layout options. (Icons Link: www.ionicons.com) WhatsApp number must be in international format without “+”
+ Read More

How do I configure the “Invite Login” Layout?

The instructions below well help you to install and configure the “Invite Login” layout in your app. Utilizing this layout helps to ensure that all of your app users have an account, and if they don’t, there’s an option for them to create one.     1) Login to your Control. 2) Click your app.
+ Read More

Add Background Image To Homepage Connect Layout (Home Page)

To add your background image to your “Home Page Connect Layout” (Home Page).  This also works for the “Connect Layout” as well.   1) Login into your Control Panel and select the edit option for your app. 2) Click “Design” on the left-hand-side of the screen. 3) Under “Change Your Layout” select “Connect Home Page”
+ Read More