Low-Code Designer > Setting up interfaces / System widget settings

System widget settings

Widgets have both individual and system settings. General settings include:

tabs-widget-settings

  • Hide. You can either hide the widget from a page or a form, or specify the visibility conditions. To do this, bind the Yes/No switch variable to this field. If the user checks No, the widget will be visible.
  • Read only. This is the accessibility setting. If you select Yes, the user won’t be able to edit the widget data. Inherit from parent option is convenient when you combine several widgets. For example, you place the app items list widget into the Column widget that has the Read only setting. If you select the Inherit from parent option in the app element list widget setting, the users will not be able to edit the list.
  • HTML styles. Here you can specify the CSS styles for the widget. For example, enter its width. 
  • On mouse enter handler. Create an event that happens on mouse enter, a pop-up window with a tip, for example. To do this, you need to add a corresponding script. Click the Create button, enter the script name and click Open. The Scripts tab opens. Write the script.
  • On mouse leave handler. Create an event that happens on mouse leave. For example, make it close the tip window we created in the previous step. Add a corresponding script the same way as in the previous step. It is recommended to configure these events together.

 
Publish the widgets, to display them on the page and make them visible to users. Click Publish in the top panel. The widgets will not be visible to anyone except you if they are saved but not published.