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,
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.
Sincerely,
Tsanna
I'm not exactly that savvy with css... where do I do this? in your css file for the web data grid?
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.
I added this code to my mobile master, and tried adding it to my .ascx control (after putting it in the mobile master didn't work. It did not produce a scroll bar on the iPad.
<style type="text/css"> ::-WebKit-scrollbar
} </style>
After further testing has been determined that by default Safari browser on Ipad does not display the horizontal scrollbar indeed. However it seems that the issue is closely related to the browser settings, not the WebDataGrid control itself. You can test it also if you set two divs inside one another so that they would generate scrollbars on a desktop browser, the same setting would not generate a horizontal scrollbar on Ipad.
I have been all through the settings on the iPad (even before your post) and there is no setting that allows me to change anything about the scrollbars. it appears that when the web grid is 100% of the page (not contained within a tab control like I have), the scrolling is much smoother, even without a scroll bar.
after adding above code only vertical scroll bar coming, horizontal scroll bar is not coming . can you suggest me regarding this isue
Thank you for your feedback.
Do you need more help about this matter? Please do not hesitate to contact me if you have any further questions.