I push our customers to get "connected" iPads and go mobile with our software using a web portal, but the webGrid, which I use everywhere in the portal does not have a scroll bar when viewing on the iPad and the swiping on an iPad doesn't actually "feel" or look very good, plus there's no way to know there are more columns that you could be seeing without a scroll bar. Is there a way to force the scrollbar to show up on a grid when running on Safari?
Thanks in advance.
Philip
Hello vbhandyman,
Note that this is a custom solution and the styles that I suggested from my previous post you can add directly to your .aspx page enclosed with "<style></style>" tags.
It's not necessary to put them in an external css file or in the default stylesheet of the WebDataGrid.
Please let me know if you need any further assistance regarding this matter.
Sincerely,
Tsanna
I'm not exactly that savvy with css... where do I do this? in your css file for the web data grid?
Thank you for posting in our community.
I've tested scenario in that WebDataGrid has many columns and a horizontal scrollbar should appear, however indeed there is no horizontal scrollbar under Safari browser on Ipad machine.
After further research it has been determined that there is such issue with the horizontal scrollbar on MAC machines. Here on page 9 you can find a detailed information about this bug and a possible workaround for it:
http://dl.infragistics.com/community/aspnet/releasenotes/2013/11/13-2-20132-1003_ASPNET_RELEASE_NOTES_PDF.pdf
Essentially, if you may use the following css settings in order the horizontal scrollbar to be displayed properly:
::-WebKit-scrollbar
{
-WebKit-appearance: none;
width: 7px;
}
::-WebKit-scrollbar-thumb
border-radius: 4px;
background-color: rgba(0,0,0,.5);
-WebKit-box-shadow: 0 0 1px rgba(255,255,255,.5);
Please let me know if you have any further questions.