...

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 issue is shown in Figure 1:

Image Added

Figure 1: Non-Responsive List

The expected result:
Image Added'

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 4.

Image Added

Figure 4: Paste code in Custom CSS field

#content.page_content {
    width: calc(100vw - 350px);
}


footer{
    width:

...

 calc(100vw - 350px);
}

Step 2

Test the UI out, the list should now expand according to the screen width.

Sample App

View file
name APP_kb-APP_kb-dx8_screenSizeSample.jwa height 250