Using Rail Layouts to Customize Your Pages - Akumina Community

Using Rail Layouts to Customize Your Pages

You are here:

As part of release 4.8, the Akumina Experience Builder functionality has been enhanced to allow for page customization using Rail Layouts.  Rail layouts allow for widgets to be quickly set to the left or right of the main widget columns and easily resizes columns for a professional and custom look. This feature is available with FS’20 in release 4.8 and above.

 

To access a page’s Rail layout click to Edit page content:

 

This will open the Experience Builder.  Click on the Show Page Actions button to expand the right tray:

Once the right tray is opened, select the middle icon on page actions that says “Rail layout”:

 

This will open the Rail Layout window that allows authorized users to customize the Rails to be included on the page, the widget instances included in the rail, and the specified CSS class for the rails.

 

Selecting the Rail Layout

There are four options available for Rail Layouts on a page:  Left, Right, Dual, or None.

With each Rail Layout the main center column remains unchanged, although the positioning and size of the rail on the page differs based on the layout selected.

 

Adding and Removing Widgets from the Rail Layout

When selecting a Rail Layout, the Adding Widgets and CSS Class fields will appear according to what layout is selected.  For example, for the Left Rail Layout, only the Left Rail Widgets and Left Rail CSS Class fields will appear.  And for the Right Rail Layout,  only the Right Rail Widgets and Right Rail CSS Class fields appear.

To add widgets to the Rail, select the field that you want the widget to go in and search by typing widget names or widget instances:

Once you have added all of the Widgets that you want on the Rails click Save to add them and the Rails to the page.

Note: You can only add one of each widget instance to a page.

To Remove widgets just click the X button next to the Widget Instance that you have already added.

Applying CSS Classes to Rails

If you want Rails on your page to have a special CSS class different from the page’s normal theme you can add it in the Rail CSS Class field.

 

To add more than one CSS classes to a Rail, add them separated by a space.

Note: CSS classes that are added must be specifically designed for the rails and the widgets that are in them, otherwise there won’t be any change in the theme.

 

If you want to change the left or right column size of the rails you can do so in the Column Size CSS Classes:

Similar to the previous CSS classes these must be specifically designed for Rails.

This allows for more customization of column width and height.

Views: 53
//]]>