Topics: |
This section describes page customization features, such as configuring responsive behavior, using the Easy Selector, working with comments, and removing customizations.
How to: |
The Easy Selector provides a simple way to add content to a page at run time, without opening the Resources tree. It also allows you to control which items users can access.
You can enable the Easy Selector feature on a container or a column level.
Note: Ensure that the folder only includes file content and no subfolders.
The Page Designer opens.
The Easy Selector container is inserted into the page, and the Browse For Folder dialog box opens, where you can select a target folder.
Note: You can also change the folder location by clicking Select Folder in the Properties panel, and navigating to a different folder. It is not recommended to change the folder location after the end users have begun using the Easy Selector.
Note: You can multiselect the containers by holding the Ctrl key.
Note: You must publish your portal page and add it to the portal before adding content using the Easy Selector.
The Select Item dialog box opens.
The item opens inside the Easy Selector container.
Note: Ensure that the folder only includes file content and no subfolders.
The Page Designer opens.
Note: This configuration allows users to add new content to a page at run time, while preventing them from changing the column layout, which is important for the Easy Selector.
The Container Defaults dialog box opens. Here, you can customize the drop-down menu for the items that are displayed on the page at run time. Click OK to close the Container Defaults dialog box.
The Browse For Folder dialog box opens, where you can select a target folder.
Note: You can change the folder location by clicking the Select Folder button and navigating to a different folder. It is not recommended to change the folder location after the end users have begun using the Easy Selector.
Note: You can multiselect the columns by holding the Ctrl key.
Note: You must publish your portal page and add it to the portal before adding content using the Easy Selector.
The Select Item dialog box opens.
The selected item opens and a new Add content button displays in the next column, automatically, as shown in the following image. This allows you to add the remaining items that are available to you. You can also multiselect items inside the Select Item dialog box.
Additionally, you can replace an item on the page with any item from the Select Item dialog box. You can access the Replace menu option by clicking the arrow in the upper-right corner of the container panel.
Note: The Add content button disappears and the Replace option becomes inactive after the last item in the Select Item dialog box is added to the page.
How to: |
A responsive layout resizes dynamically to any width based on screen size, device, and orientation, thus eliminating the need to design for a specific device preference. This approach takes your content beyond the desktop and delivers a quality experience to users, on any display. The Page Designer offers you a series of versatile presets, that make the task of creating a responsive portal a quick and straightforward process.
A user must have the privileges of a developer or manager to be able to build a responsive layout.
The Page Designer opens.
All responsive layouts are created using a one column page layout.
The Responsive container is inserted, taking up the full width of the page.
When you drag items sequentially, you can choose the order in which they display, using the shaded placement indicator as a guide. When you drag items simultaneously, using the multiselect option (Ctrl key), they display in the order in which they are selected.
For example, if you were going to create a responsive portal that contained four items in the first row, and two items in the second row, you would select the first four panels.
Note: You can only multi-select panels by clicking its title bars. If the title bars are hidden, you cannot multi-select these panels.
The Advanced Responsive Item Properties dialog box opens.
where:
Is the responsive folding behavior that you want to apply the content on your page.
For example, bip-responsive-4-2-1 means that the content will display four items across on wide screens, two items across on medium screens, and one item across on narrow screens. If you use bip-responsive-3-2-1, the content will display three items across, then two items across, then one item across. If you use bip-responsive-2-1, content will display two items across, then one item across. If you choose bip-responsive-1, the item will fill the entire row.
Note: When one of the built-in responsive classes is used in the Custom CSS Classes field, it sets the width of the panel as a percentage of the page width, based on media queries. The percentage width setting made in these built-in responsive classes overrides any width settings defined on the panel.
The first row of panels are now stretched evenly across the Responsive container.
The Advanced Responsive Item Properties dialog box opens.
The remaining panels now stretch across the Responsive container, in the second row.
Note: You can create multiple layouts using this principle and varying the CSS classes to reflect the desired percentage.
Note: These changes render the Responsive container invisible on the page at runtime, and in the Page Designer. To edit the content in your Responsive container or access its properties, you can use the breadcrumb trail below the Property sheet to select it.
All items rearrange perfectly to fill the page.
Topics: |
How to: |
In domain portal pages, you can use comments to interact with your peers in a multi-user environment. Developers and managers can enable comments in the Page Designer. You can enable comments on portal pages, containers, and individual content items.
The Page Designer opens.
The Page Designer opens.
The container is placed on the page canvas.
When enabled, this option allows you to show and hide comments on a container or item at run time.
When enabled, comments display at run time, as shown in the following image.
Additionally, you can use the following controls to interact with comments:
Click the Restore button in the lower-right corner of the container, to restore the comments area.
How to: |
If the domain portal page is unlocked and added to the portal, users are able to customize it and remove their customizations at run time.
The page refreshes. The customizations are removed from the modified portal page.
Note: This option is not available when the Lock Page option is selected.
WebFOCUS | |
Feedback |