...
Figure 1: Non-Responsive List
The expected result:
'
Figure 2: Expected Result
Steps Examples
Step 1
Apply the following CSS code to custom CSS field in UI Builder > Advanced Settings as shown in Figure 43.
| Info |
|---|
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 32: Custom HTML Code |
Figure 43: Paste code in Custom CSS field
...
Test the UI out, the list should now expand according to the screen width.
'
Figure 4: Expected Result
Sample App
View file name APP_kb-APP_kb-dx8_screenSizeSample.jwa height 250
| name | APP_kb-APP_kb-dx8_screenSizeSample.jwa |
|---|---|
| height | 250 |
...