I making web application for iphone user. I have HTML table structure inside asp.net panel and i have set panel's scrollbar property to vertical. It works fine in all the browsers but not working in iphone browser.
Any ideas how can i set scroll bar visibility.
Thanks,
Mehul Makwana
You should look at jQuery Mobile. It will save you hours of time messing about with cross browser issues, even though it's only in Alpha at the moment.
Related
When viewing my website from an iPhone or iPad my site displays just fine when scrollbars on present. However, when you access a page when scroll bars are not needed the display gets messed up. I have no idea how to resolve this issue. Any ideas?
For an example my website is www.surfboardswap.com. The homepage appears fine on a mobile device. But if you access www.surfboardswap.com/alerts the display does not fit on the page since scroll bars are not needed.
Thanks for the help!
It looks to me like both those links you provided render with scroll bars depending on the width of my browser screen. I think you're ultimate issue here is responsive design.
You have a width set on your .container css selector. This is breaking the responsiveness of you're site, because it's being forced to that width even on smaller screens. Try removing that!
I developed a website which displays full webpages within a lightbox when certain images are clicked - the pages relate to the images. The pages are inside an IFRAME which is inside the lightbox's content div.
The problem is this: when the page inside the lightbox is longer than the height of the lightbox and the site is being viewed on iPhone/iPad, there appears to be no way to scroll the interior page - scrolling gestures scroll the outermost page (the one that the lightbox is overlaying). Mobile Safari has no scrollbars, depending entirely on gestures for scrolling, so the interior/overlayed lightbox IFRAME seems to be unscrollable.
Are there any solutions to this? Do I need to special-case mobile browsers and open a new browser window or navigate entirely to the IFRAME'd page instead of using the lightbox?
This seems to be a real shortcoming of mobile Safari!
(Not really relevant but perhaps useful info - the site is Drupal-based; the lightbox is the Lighbox2 module.)
While not addressing the pretty serious problem of unnoticeable content on mobile safari, I would like to mention you can usually scroll this kind of content with a two-fingered scroll/swipe.
As for your case, I would do a mobile browser detect and present the user with a new browser window.
I am trying to add a scrollable grid to a mobile web site I am currently working on. I've tried using the jQuery Scrollable Table Plugin written by farinspace, which works fine in IE8 but doesn't work at all in Opera Mobile for Windows. I've also tried using the Telerik MVC Grid extension, and that also will not give me a scrollable grid.
So, before I give up on the idea and switch to using a paging grid, has anyone ever got anything like this working on Opera Mobile?
I actually gave up on this, as I don't think it would have worked very well at all. Just not a very nice user experience.
What I've gone with is to display the table in it's entirety with no scrolling or paging enabled. So, I am relying purely on the scrolling capability of the browser.
It seems to work really nicely on my blackberry and I think will be nice to use on a touch smart phone too, as the user can just swipe their thumb/finger to scroll down and check the list. Then just swipe back to the top of the list to press the relevant button.
Actually, thinking about it, i might provide a "back to top" link under the grid :)
I've deployed a report using reportViewer on my local machine.
It's a wide report so requires a horizontal scroll bar across the bottom of the report but fits fine vertically. This is fine in FF, however IE renders it with the vertical scrollbar as well and no matter what I do I cant get rid of it!
Is this a problem with IE?
Can I not just have a horizontal scrollbar or does IE insist on having both even if the vertical scrollbar does next to nothing?
Thanks
Just a thought, but is the ReportViewer configured for asynchronous rendering?
This link has some details: http://msdn.microsoft.com/en-us/library/ms252090.aspx
With AsyncRendering=true, your report will render inside an IFRAME. It may default to a particular height until it renders and IE isn't recognizing that after the fact.
Try setting it to false - if that's the issue and asynchronous rendering isn't an option for you, there may be a way to programmatically set the initial height of the ReportViewer small enough to avoid those scrollbars.
IE definitely allows just one type of scrollbar (at least IE8 does) - you can try it by resizing the window on the Google homepage and making the window tall but narrow.
If you use IE 11 edge you have this problem.
.repViewer{overflow-y:auto !important;}
<rsweb:ReportViewer Height="400px" CssClass="repViewer">
I have an company asp.net website with textboxes which may contain several hundred words. These display just fine with a vertical scrollbar in Firefox and Safari on a Mac. But on Safari on an iphone (the majority of users will have these) there is no vertical scrollbar. Is there any way of forcing a vertical scrollbar? If not, I guess I'm going to have to have separate pages with 'expanded' textboxes for the iphone users.
Asp.net textboxes don't have a 'scrollbar' property. I've tried using an 'overflow:auto' style, but that doesn't work either.
There is no scroll bar per-se for the iPhone. A two finger swipe/drag over the area causes it to scroll.
You could always implement a JavaScript based scroll bar.
http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html