Author Topic: Adjusting Column Width on Liquid UI IOS  (Read 4751 times)

Sabir Mohammad

  • Administrator
  • Newbie
  • *****
  • Posts: 52
    • View Profile
Adjusting Column Width on Liquid UI IOS
« on: August 31, 2017, 09:45:57 AM »

Purpose:
     Liquid UI IOS allows user to adjust the column width for better view ability and to be able to read the complete data within the cells with the help of slider.

Explaination using Grid control:

Following image shows the data within the Description column on a first view as truncated. See the highlighted cells.
 
The data within the above cells can be better viewed by adjusting the column width using a slider control as explained below.

Step 1:
Slowly position your finger on the respective column header and hold. A slider control will appear on the screen.
 

Step 2:
Now position your finger on the bigger arrow of the slider as highlighted and move it towards right to increase the width of the column.
 

Result:
You will see that the "Description" column width has increased and the data within the cells which earlier looked truncated is now better viewable.
 
Similarly you can use the slider control and make left movement to decrease the width of the column.