Support Article
Last column in Grid getting truncated
Summary
Running a section with button controls in a layout, truncates the button details. This section is included in the last column of the grid.
Error Messages
Not Applicable
Steps to Reproduce
- Add a grid layout in a section.
- Add a section include to the last column of grid.
- In the section include, add two layouts with a visibility condition. The first layout has two button controls. The second layout has one button control.
- Run the case. The last column is truncated.
Root Cause
A software use or operation error.
Since the button label was wrapped and due to the dynamic layout responsive behavior, the two buttons were displayed one over the other in the last column.
Deprecated column layout control was used such that the button Label was not wrapped. The last column was not completely visible since the column layouts were not responsive.
Resolution
Perform the following local-change:
Implement the below steps for all browsers (Chrome, Firefox, and Internet Explorer),
1. Create an inline grid double new format in the skin rule. Set the min-width as 200px. Column proposition width as 30% and 70%. Use this format in the first button layout.
2.Create inline new format in skin. Set min-width as 200px. Use this format in the second button layout.
Additionally, perform the below step for Internet Explorer browser only.
Include the below style in the UserWorkForm, since the table is displayed beyond the container width:
<style>
.ie .ie-table-fix{
width:auto !important;
}
</style>
Published July 23, 2018 - Updated October 8, 2020
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.