Documentation
Go To Page Button
Description
The Go To Page Button redirects the user to a given page title or page index.
This button also allows redirecting to a page in Commons. However, in this case, there are some rules that need to be followed:
- Use only the Page title property.
- A page name in the Page title property must start with CM_, e.g.: CM_Page1.
- Names of pages must be unique in the Commons pages list.
- Such pages should not be used to display content with activity modules.
Properties
The list starts with the common properties, learn more about them by visiting the Modules description section. The other available properties are described below.
| Property name | Description |
|---|---|
| Title | Title displayed inside the module. |
| Page | Title of the page that the user wants to redirect to. |
| Page Index | Index of the page that the user wants to redirect to. |
Supported commands
| Command name | Params | Description |
|---|---|---|
| hide | --- | Hides the module if it is visible. |
| show | --- | Shows the module if it is hidden. |
CSS classes
| Class name | Description |
|---|---|
| .ic_button_gotopage | indicates the look of the Go To Page Button. To determine the page to which the Go To Page Button should lead, it is necessary to enter its name in the Page section in the Properties side menu. |
| .ic_button_gotopage-up-hovering | indicates the look of the Go To Page Button on mouse hover. |
| .ic_button_gotopage-down-hovering | indicates the look of the Go To Page Button on mouse click. |
Examples
1.1. Go To Page Button:
.ic_button_gotopage{
background-image: url('/file/serve/117040');
background-repeat: no-repeat;
background-position: center;
}
1.2. Go To Page Button — up-hovering:
.ic_button_gotopage-up-hovering{
background-image: url('/file/serve/117041');
}
1.3. Go To Page Button — down-hovering:
.ic_button_gotopage-down-hovering{
background-image: url('/file/serve/123001');
}