Table of Contents


Creating and Managing Active Pages

 

Administrators and developers have access to the active pages cloud framework to build customized user interfaces within the Magentrix platform. There are three different active page types that users can create.

Active Page: Active pages contains components corresponding to user interface elements that can also be associated with the controller. Active Pages markup consists of Active Page Components, HTML, Javascript, CSS and many other web-enabled code embedded inside the pages. New applications within the framework follow a MVC (Model - View - Controller) pattern, which allows developers to separate the logic from visual components and have full control over output in different devices.

Active Template: An active page component that can be incorporated into active pages. E.g. Search Bar.

Active Content: An active page that allows users with no web design experience to create portal pages with a rich text box editor. The rich text editor allows users to write directly onto the document, upload images, create web links, and place tables easily.

Administrators can manage active pages and edit the page markup and metadata.

Requirements

To create, manage, and edit active pages, users must have the following permissions:

  • Administrator System Role

To create active pages:

  1. In the Setup Home page, click Develop > Pages.
  2. Click New.
  3. Select the active page type you want to create, then click Save.
  4. Complete the required fields, then click Save.

To manage active pages:

  1. In the Setup Home page, click Develop > Pages.
  2. Click on the active page you want to manage.
  3. To edit the page markup and metadata, click Edit. Make your changes and then click Save.
    • If you are editing an Active Content page, you will have the option to edit in default, tablet, and mobile views. You can use the rich text editor to add text, insert photos, videos, tables, and links into the page. You can also review the HTML source code.
  4. To use the Designer tool, click Edit in Designer. At the bottom of the page is a markup editor where any changes made will be shown real-time. To exit the Designer, click the Door icon on the top right of the markdown editor.
    Note*: Magentrix recommends using the IDE instead of the Designer. For more information, see Magentrix IDE in the developer’s guide.
  5. To preview the active page, click Preview.
  6. To delete the active page, click Delete and then in the popup box, click OK.

See also:


<< Active Pages and Classes Checklist | Creating Active Classes >>