Joget DX 8 Stable Released
The stable release for Joget DX 8 is now available, with a focus on UX and Governance.
There are cases where the list does not expand according to the screen width when zooming out in the browser. If there are numerous List's column, a horizontal scrollbar will appear instead of expanding according to the screen width.
The issues occur mainly when using the following UI themes:
1. DX 8 Plain
2. DX 8 Angle
3. DX 8 Color Admin
The issue is shown in Figure 1:
Figure 1: Non-Responsive List
The expected result:
'
Figure 2: Expected Result
Apply the following CSS code to custom CSS field in UI Builder > Advanced Settings as shown in Figure 4.
If you don't want the CSS to be applied globally, you may insert the code into an 'HTML Code' component element inside the desired List UI as shown below:
Figure 3: Custom HTML Code
Figure 4: Paste code in Custom CSS field
#content.page_content { width: calc(100vw - 350px); } footer{ width: calc(100vw - 350px); }
Test the UI out, the list should now expand according to the screen width.