Posted: 20 Apr 2016 4:07 EDT Last activity: 15 Nov 2016 7:59 EST
Alignment issues for grid items on iPad
The text content of the grid is overlapping with the label when rendered on an iPad. I have kind of worked around the currency by aligning it to right but the date is still overlapping as the date is by default left aligned.
Basically during fat list mode we generate :before pseudo selector to display the label besides the value(for columns marked as secondary) and yes the label width mentioned in the skin under the responsive breakpoint will be generated as padding-left property for the cell(<td>)
The solution seems to be not generic in this case. I had a similar issue and my end users might be using the browser on a laptop or an ipad or a microsoft surface. If i apply the skin rule specific to IPAD settings in the style sheet how would that suffice the requirements for Other tablets or laptops or desktops? any thoughts or generic work around?