How to get a horizontal scroll bar when viewed in devices of lesser screen size?

I've made a website in DW and its perfect in desktop , but when i check the site on mobile device it is not as expected. The site remains in tablet view and the text , images are not being arranged as needed. I'd be grateful if anyone could help me with this . .

I've made a website in DW and its perfect in desktop , but when i check the site on mobile device it is not as expected.
Did you build it to be responsive in Mobile, Tablet and Desktops?
If you built it responsively, no horizontal scrollbars should be required since the page layout adjusts to viewport width.
If you built your layout with fixed widths in pixels, it isn't responsive and thus won't display nicely on smaller devices.
For better answers, we need to see your site.
Nancy O.

Similar Messages

How to get the Horizontal Scroll Bar for a Table?

Hi All,
As per my requirement, I am displaying several records in a Screen in a Tabular Format. But here I have to show 21 Columns in that table which is too high. I am able to display it but due to it I am getting a Horizontal scroll bar for the whole screen since all the columns are not getting displayed in the normal window screen space. But its looking too odd since once I am scrolling it to right the columns are getting displayed but the above Header Bar and Global buttons are not displaying, they are bound to the normal screen space.
Is there a way to have a Horizontal scroll bar only for that table instead of the entire screen so that on scrolling that bar only the table rows will beshifted ant got displayed?
With Thanks
Kumar Gautam

try this approach.
include a raw text item before and table item.
include the appropriate HTML tags in raw text item to enable horizontal scroll
--Prasanna

How do I get my horizontal scroll bar back?

Well, I just installed firefox 5 on my computer and for some reason, the bottom horizontal scroll bar you use to move the screen left to right has gone missing. So my question is, how do I get it back?

I had this problem and it only started after installing firefox v12.0 (on win xp).
Mozilla mentions it is related to the css 'overflow' attribute not being defined correctly.
HOWEVER, in my case, the offending line of css belonged to the jquery ui library
file: jquery-ui-1.7.2.custom.css
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
all I needed to do was remove one of the '9's and the horizontal scroll bar reappeared on all pages that included this jquery ui lib.
the better solution would be to upgrade to the latest jquery ui lib.

Getting a horizontal scroll bar in the DHTML_SHUTTLE

Hello,
We are currently using Carl's DHTML_SHUTTLE procedure to display some shuttles.
I have a problem where the data is longer than the width of the shuttle and was wondering if it is possible to implement a horizontal scroll bar so that the user can see it?
Thanks,
Paul

alisadri wrote:
Hi there,
I have created a JScrollPane object for a JTable. Using the code below, I am trying to create a horizontal scroll pane for the JTable object but the horizontal
bar doesn't move at all. this is the code. Also when I create the horizontal bar as "AS_NEEDED" the horizontal bar does not appear. The vertical bar works
properly. Can someone help me with this please.
This is the Code:
loadTableScrollPane = new JScrollPane(getLoadTable()); //"getLoadTable()" return a JTable object.
loadTableScrollPane.setHorizontalScrollBarPolicy(ScrollPaneConstants.HORIZONTAL_SCROLLBAR_ALWAYS);
loadTableScrollPane.setViewportView(getLoadTable());
loadTableScrollPane.setBounds(new Rectangle(5, 149, 1135, 232));
Just a wild guess ... because you do need to post a real example - but get rid of the setBounds and setPreferredSize and use pack() on the frame.

How to get rid of scroll bars on an edge animation in a fluid grid page

I'm playing with a page that will contain an edge animation (basically just a panorama view sliding across the stage from right to left). My thought was that when the page was displayed on a tablet or phone the user would just see less and less of the animation--i.e., as if the panorama was sliding across a smaller stage. In my css I've specified overflow: hidden for the div that contains the animation, and in the animation itself I've specified overflow: hidden for the stage. This works fine in Live view, but when I preview the page in a browser (chrome, safari, IE) I get scroll bars. The animation also behaves as I want it to when I preview it in a browser by itself--i.e., not as a part of a fluid grid page. I could live with a horizontal scroll bar, and there might even be an argument in its favor, but the vertical bar is a definite problem. I've tried refining my css to overflow-y : hidden, but that doesn't have any effect either
Any help would be great.
Thanks,
Peter

I found an work around, albeit an inelegant one, so the link I posted to Nancy's reply now works. What I found is that the edge animation produces an html document with a body style. If I plug my overflow style there, voila, alls good. Of course it will be overwritten if I regenerate the animation, but at least it's progress.
p

How can I hide horizontal scroll bar?

Some websites use CSS code (overflow-x: hidden or overflow-y:hidden), that shows the horizontal scroll bar while the frame on the website is centered and only 800 pixels wide, but I really don't need my horizontal scroll bar to show up. So how can I hide it?
Thanks!

If you use <b>overflow: hidden</b> then you shouldn't see a scroll bar (overflow:scroll does that).<br />
If that doesn't work then try to add the !important; or use the code in Stylish or to userContent.css in the chrome folder.
*http://kb.mozillazine.org/userContent.css
*https://developer.mozilla.org/en/CSS/@-moz-document

How to get rid of scroll bars in sub panels when displaying a VI which is part of a class?

I am writing an application that applies different analyses to a set of data. The program must be flexible configurable. To not clutter the GUI with too much elements I ended up with the idea to load the needed user interfaces for each specific analysis dynamically into a single sub panel when needed. This works well without any problem.
Due to the fact that all analyses share some common functionality I have decided to use LabVIEW classes for implementation. Each class has one VI representing the user interface to show in the sub panel.
This works also well BUT the sub panel always shows a horizontal and vertical scroll bar I don't want to see!
I have already learned that I need to change the user interface VI to a custom "Window Appearance" and disable the "Show scroll bar" properties. But this seems to work only for "normal" VIs but not for VIs that are part of a class.
Any ideas?
Ingo
Solved!
Go to Solution.

Thanks Pixar, this was the right tip!
Although: there seems to be a difference between "normal" VIs and VIs that are members of a class.
For "normal" VIs it is sufficient to set the property to "Off While Running" and it works as expected.
VIs part of a class need the "Always Off" setting" which is only accessible via right click on the scroll bars but not via the VI's properties box.
Thanks and Regards
Ingo

How to get rid of scroll bars in Mac OS X Lion?

I have been using the magic mouse with lion on my iMac since I got it. Today I got a new mouse, a logitech M510. After using the mouse I noticed that the scroll bars came back permanently. I actually liked having the scroll bars dissapear when not using them, it made everything look much cleaner. How would I go about getting rid of them? Any help will be greatly appreciated.

system preferences>general>adjust settings as desired.

How to have a table with a horizontal scroll bar

Hi All,
I need to develop a page in which i have around 15 columns in a table to display in a table format.The requirement also says that after the first 4 columns ,all the remaining columns in the table should have a horizontal scroll bar,so that the user can see the remaining columns as required by scrolling horizontally in the table.
Is this possible to do in OAF and if yes how?
I created a table region with 15 columns but i am getting a horizontal scroll bar on the page but not on the table.Please kindly suggest .
Thanks in advance.

Sumit,
I guess the functionality they are looking for here is similar to freezeing of some columns in excel sheets. This makes the initial columns as it is and rest of the columns have scrolling enabled. This is useful in scenario where there are a large number of columns and while looking at last columns, you will probably like to see the first couple of column data as well to map to see which id or user it belongs to. Just a useability case :-)
--Shiv

Horizontal scroll bar for each page of the ADF page???

Hi Everyone,
I have developed one ADF page which is working very fine.
The width and height of the page is more by which it is showing vertical scroll bar and horzontal scroll bar at the end(bottom) of the page.
But the requirement is that the horzontal scroll bar should be displayed for every page when we scroll down but it is displaying at only bottom of the page.
How can i include horizontal scroll bar?
Any suggestions wil be really useful.
Thanks.

See if this works:
<af:form id="f1">
<af:panelStretchLayout id="psl1">
<f:facet name="center">
<af:panelGroupLayout id="pgl2" layout="scroll">
<af:panelGroupLayout id="pfl1"/>
</af:panelGroupLayout>
</f:facet>
</af:panelStretchLayout>
</af:form>
Drop your content inside the second panelGroupLayout

Horizontal scroll bar not appeating in af:treeTable

We have an af:treeTable component in a popup with two af:column.
Issue:
1. af:treeTable is not showing horizontal scroll bar. When i set the width to a fixed value say 1000 on af:column c171, it shows scroll bar but the size is fixed.
This is not the solution, because if the length of #{node.TerrDimMemberHierarchy} exceeds this size again some portion of it becomes invisible.
Question:
1. How can i make horizontal scroll bar appear in tree table. And also it should grow or shrink depending upon the length of #{node.TerrDimMemberHierarchy}
data.
<af:treeTable rowBandingInterval="0" id="tt2"
fetchSize="25"
inlineStyle="width:38em; height:28em; border-width:1px; border-style:groove;"
partialTriggers="::dimensionDropDown ::searchButton ::cb5"
rowSelection="multiple"
value="#{backingBeanScope.ManageTerritoriesBean.dimensionMemberSearchTreeTableTreeModel}"
var="node"
visible="#{pageFlowScope.searchString != null ? (pageFlowScope.viewInHierarchyBtnLbl == null ? true : false) : false}"
columnStretching="column:c171"
binding="#{backingBeanScope.ManageTerritoriesBean.dimensionMemberSearchTreeTable}"
summary="#{salesterrmgmtterritoriesuiGenBundle['OLabel.AvailableDimensionMembers']}"
immediate="true"
selectionListener="#{backingBeanScope.ManageTerritoriesBean.dimensionMemberSearchTreeListener}"
styleClass="AFStretchWidth">
<f:facet name="nodeStamp">
<af:column sortable="false" id="c14"
rowHeader="unstyled"
headerText="#{salesterrmgmtterritoriesuiAttrBundle['ColAttr.Name.DimensionName.MOTTERRDIMENSIONSVL.NAME']}">
<af:outputText value="#{node.Name}" id="ot15"/>
</af:column>
</f:facet>
<af:column sortable="false" id="c171"
headerText="#{dlBndl.PATH}"
styleClass="AFStretchWidth">
<af:outputText value="#{node.TerrDimMemberHierarchy}"
id="ot16"/>
</af:column>
</af:treeTable>
Edited by: sekare on Aug 29, 2011 4:01 AM

can u remove the styleClass="AFStretchWidth" for af:column
AFStretchWidth is for table or treetable to stretch.. not for columns
<af:column sortable="false" id="c171"
headerText="#{dlBndl.PATH}"
styleClass="AFStretchWidth">

Horizontal scroll bar at top in JScrollPane

Hi,
How can i get the horizontal scroll bar to be on the top instead of bottom
here is my code
TableModel tableModel = new TableModel(totalData,
columnHeader);
JTable table = new JTable(tableModel);
JScrollPane scrollPane = new JScrollPane(table);
Ashish

Hi Ash
I dont know whether this is feasible please sorry if i am wrong.
Create a JPanel and add scroll bar to the left and top.
I have posted a Q in the subject JDialog Esc Key. please answer the Q for me.
Lakshmi.

No Horizontal Scroll Bar in Zoomed Preview pdf

When I zoom into a pdf in Preview, I don't get a horizontal scroll bar so can't move around to offscreen parts of the document. Anyone else experiencing this or know a solution?

Send Apple feedback. They won't answer, but at least will know there is a problem. If enough people send feedback, it may get the problem solved sooner.
Feedback

Matrix Horizontal Scroll Bar

When I have too many columns to fit in my matrix I get a horizontal scroll bar (which is good). However, when I refresh my matrix the horizontal scroll positions itself to the right and the first few columns are out of view.
Is there any way to control this? I did not see any API for this but perhaps there is a workaround?
(AutoResizeColumns does not help)

I think the re-drawing is based on where the cursor was last placed within the matrix.
Try placing the cursor in the first column of the matrix (using the Click method on one of the cells). When the matrix redraws it should start with the first column.
John.

Horizontal Scroll Bars

HI,
Here is my test page:
http://hifiadd.com/test.html
In IE Mac, I get a horizontal scroll bar on the bottom of the
textfield div. I would imagine the same happens on PC? Any way to
deal with this, or is this an unfortunate IE behavior?
Thanks!

Sorry I didn't read far enough.
I found this post for you may help:
The <iframe src="..." scrolling="no"></iframe>
should work. I can't see why your code does not work.
In lieu of this attribute, you may also use the CSS overflow
style attribute, works for NS 6+ and Mozilla.
MSIE has additional axis-specific control over scrollbars via
their overflow-x and overflow-y style attributes.

How to get a horizontal scroll bar when viewed in devices of lesser screen size?

Similar Messages

Maybe you are looking for