Question
Morgan Stanley
IN
Last activity: 15 Nov 2016 7:59 EST
Alignment issues for grid items on iPad
Hi
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.
Regards
Avinash
Pegasystems Inc.
IN
Hello Avinash,
Will the below article be of help ?
Let us know your thoughts/observations.
Best Regards,
Mounika
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>)
Can you brief on the right align requirement ?
Morgan Stanley
IN
We have an account details grid which has 4 currency fields and one date field.
Currency is by default right aligned hence when converted to list in an iPad the text is right aligned. However, date is not aligned right by default and hence overlapping with the header label.
I'm not sure of how to right align or does the alignment has something to do with the skin. Please suggest.
Thanks
Avinash
Morgan Stanley
IN
It looks like below when the grid converts into list when rendered on an iPad
I'm able to right align currency but not able to right align date. I'm under the impression that the alignment will be taken care ootb way
Highmark Health Solutions INC
US
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?