Using Rail Layouts to Customize Your Pages - Akumina Community

Using Rail Layouts to Customize Your Pages

You are here:

The Akumina Experience Builder functionality has been enhanced to allow for page customization using Rail Layouts, with release 4.8.  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.

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 rail layout is selected (left, right, dual, none).  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:

With release 5.5, you have the option to select global and local (page specific) widget instances to add to the rail.

 

Select the rail area field (global or local) that you want the widget to display in and search by typing the widget name. Select the widget from the drop down list and the widget instance will be added to the rail.

Managing the rail widgets

The rail widgets selected can easily be modified from the rail layout modal. To change the order of the widgets in the rail, use the arrows to move the placement of the widget up or down in the rail. To remove widgets from the rail, just click the X on the widget instance to be deleted. To set widget properties, click on the gear on the widget instance to be updated.

 

With release 5.5, you also have the ability to add new widget instances to the rail. If a new widget is selected, the widget modal will be displayed to add the new widget instance.

The following widgets are not available to be used in the rail:  Summary Links Widget, HTML Content Widget, Image Block Widget and Text Block Widget.

Once you have added all of the widgets and determined the order that you want on the Rails, click Save to add the widgets and the rails to the page.

Note: You can only add one of each global widget instance to a page. You can add multiple local widget instances to a page.

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, center 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: 639
//]]>