Page Designer also allows including third-party JS libraries into the user application and invoking them from within the pages. Designers can include the JavaScript library files in the Resource tab under Settings. Click on the Add JavaScript icon, browse and choose your file to include in the application. These libraries will be included in the page build as well.
Sometimes users might need to add a specific custom action to an HTML element. Users can write the action as a JavaScript function on the JavaScript editor provided on the Action Menu Panel
Compelling and functional UI is crucial for the success of any application. For achieving this high level of sophistication, sometimes the designers might need to introduce custom functionality to the UI elements. Pages and mobile applications developed using Page Designer can be customized to support such advanced features required in the applications.
On the Page Designer, a user can add customization at different levels. For e.g. users can add custom style to an HTML element to make it stand out on the screen. Users may also need to add custom actions or animations to an element action. All these can be done using Page Customization.
Page Designer provides features to support user-defined components as extensions in the Designer. It can be developed by anyone and are specific to either web or mobile application. To know more details about the Component Extension please go to the section.
Style, look & feel are very important parts of any UI application. ONEWEB understands the importance of providing the ability to customize the style sheet. For this purpose, Page Designer provides the Style Editor panel to add custom CSS settings.
Click on the arrow at the bottom right of your designer panel to expand the Style Editor window. Users can write the custom CSS setting directly here on the editor.
Users can also add the custom CSS class to the HTML element. Opening the Setting and Data configuration panel on the left menu controls and type the CSS class name in the class list and click enter. The CSS class is added to the element properties. User can also set the ID for the HTML element in the Setting and Data controls panel and then use this id in the CSS to set style.
