Scrolling: When the height of the panel element is set shorter than the elements inside it, the content becomes scrollable. The Scrolling area contains a Selectbox with the options “Hidden, Vertical, Auto and Horizontal”. With these options you can set the scrolling direction and state of the Panel element.
Scroll Back Color / Width / Radius: Scrolling can be done when the content of the panel element is longer than the width or height of the panel. You can edit the style of the scroll bar that will appear on the horizontal or vertical edge of the panel.
Dynamic Background Color: You can dynamically change the background color of the panel element based on information from a data table. For example, when a student exam result list is prepared, you may want to make grades below 70 points red and grades 70 and above green. In this case, you can apply the relevant property by adding the Label element into a Container.
Dynamic Font Color: In the same student exam result list, you can dynamically edit the font color of the Label element inside the Panel element.
Dynamic Background Image: In a weather application, you can show an image in the background in accordance with data such as temperature and wind. You can also use the Panel element in scenarios such as showing an image added in social media applications.
When choosing Dynamic Background Image, it is recommended not to use very high size (MB) images.
Hover Background Color: In web applications, you can set the background color to change when the cursor hovers over the Panel element.
Hover Font Color: In web applications, when the cursor hovers over a Panel element, you can change the font color of the Label element inside it.
