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
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 have some images in my div. I want to scroll that with a horizontal bar; I would like the scroll bar to be an image. Also how I can change the color and the shape of the default scroll bar?
I used to edit the safari, chrome scroll bars using webkit and there are many examples about that.
But For image scroll bars on all browsers you will need some javascript.
May be jquery scrollbar
It used to be (is?) possible to set colours of scrollbars in IE, Opera and Konqueror. However it didn't look good.
You may use JavaScript, however it is very bad idea.
You have to hide standard scrollbars somehow.
You have to implement mouse wheel, some keyboard actions: arrows, Page Up, Down...
There will be problems with mobile browsers.
There may be problems with zooming whole page or text without images.
There may be some problems with obscure browsers.
The final experience could be worse than with standard scrollbars.
You may look for some kind of JavaScript gallery too. With horizontal scrolling but without scroll bars.
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 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.
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">