Problem displaying Grids Side by side (some of the Columns are being hidden)
we do have a requirement of displaying two grids side by side. Each of them are having 5 columns each . To achieve this we created a dynamic layout with inline grid double and later dragged two grids separately. During design it looked good but when it was called as part of case we observed that some of the columns are being hidden in both the grids. we have keep hitting Tab button to see those columns.
Tried all combinations and even tried set layout width to Auto but still we can see the same problem . I hope this could be because of the size limitation of the layout or their could be any other reason.
Note : Requirement is display two grids side by side
One another thing that you could check is to see is the size of text boxes inside the grid. Please check and make sure the size is mentioned as Auto in each of these text boxes. once you ensure this is set to Auto on all text boxes, change the Width of content for the grid to "Fill (100%)".
Yes, I displayed the two grids side by side & it was working for me. The issue here is there are too much content and too less space.It may be because I used 6 columns only(3 in each grid). Anyways, create a new custom style in grid format(1.png). refer that in both the grid(2.png) and share the result. If you are able to see all the columns then we may change other css styles.
Firstly thanks for taking your time and exploring it. I tried the suggested combination
1) It is working good with lesser number of columns I am attaching the screen prints (Picture 2 with 4 columns on each grid , Picture 3 and 5 with five colums one each grid)
2) It appeared good when I displayed 4 columns on each grid but ran the same hidden issue when I had 5 columns on each side. Is there a way where we can control the width of columns which might help us where we can fix the width of the columns