Horizontal scrolling. Is it possible?

Hello. I'd like to create some pages for photos, similar to these
http://dzineblog.com/2009/07/web-design-ideas-27-horizontal-scrolling-websites.h tml
Is it possible?
Thanks

Nobody else is having this problem?
I exclusively use the Trackpoint to scroll -- but now that more and more sites are "doing something" if they detect horizontal scrolling, it's becoming a hassle.
I believe there is a similar problem with scrolling gestures on a trackpad -- but my understanding is that it's possible to configure that for vertical-only scrolling (is that correct)?
So we just need the option that Trackpoint scrolling would be vertical-only...

Similar Messages

Horizontal scrolling is possible but this is not necessary

I built a website with adobe muse: www.yorensa.nl.
In the desktop version I noticed that horizontal scrolling is possible. This is not necessary because the site fits well in the screen.
If you scroll to the right, you'll only see the green browser color. I want to remove this scrolling facility.
How can I fix this?

Thanks for your help. I tried your solution. I changed the page width in 960px, but it didn't help. When I preview the site, the scrolling option is still there.

Horizontal Scrolling Thumbnails Slideshow (Are these possible in Muse CC 2014)

Good afternoon Muse Forum: My name is Ira Bitner from NYC U.S.A.
How are you? I have a question regarding slideshow and thumbnails in MUSE CC 2014.
Q: In Muse is it possible to have a Slideshow with Scrolling Horizontal Thumbnails? In other words is it possible to build a slideshow where, for instance, maybe 30 thumbnails are used but only 5 or so are visible in a horizontal row under the main ("hero" image) and when an arrow is clicked the thumbnails advance horizontally to the left bringing up the new group of thumbnails that were, "hidden" on the original horizontal row? This allows the site to contain many more thumbnails than can "fit" on the page and at the same time not cause the extra thumbnails to be made to be stacked vertically all on the same page seen all at once?
This is a very popular way to show a slideshow that advances the images. I have spent all night and hours and hours researching Muse in the forums, videos, tutorials web-wide and have not been able to find a way to achieve this kind of slideshow. I would have thought the actual slideshow widget would have made it very evident if this was actually possible to build in Muse. Please help. If you need any website link as an example of the slideshow advancing thumbnail horizontally I'll add one, but it is very common and I can't believe Muse would not allow this to be built.

Replied here :
Muse CC 2014 Slideshow Horizontal Scrolling Thumbnails (Possible?)

Is it possible to fill the width of the browser without creating horizontal scrolling?

I'm trying to fill the width of the browser with placed images across the page so that they bleed off. But as soon as I reach the edge of the working area and then preview it just scrolls to show empty white space.
I'm trying to achieve the effect that if you're viewing on a wide screen monitor the you'll see all the images, but if viewed on a smaller monitor the images will just bleed off with no option to horizontally scroll.
Is it possible?

If I'm understanding your question correctly, create a rectangle at 100% width, either by clicking the 100% width icon or dragging the edges out to the edge of the browser space until the edge turns red. Now go to the Fill Panel and select Add Image. Choose your image. Set the location to Centre. Set the Fitting to Original Size - this will prevent the image from resizing with the browser. You'll need to make sure the images are wide enough to fill the screen, of course.

Horizontal Scroll Bar (Possible Bug)

Hello,
I am working on a site, and I have encountered a strange bug that is adding a horizontal scroll bar to my page, and I have no idea why. While there are elements that are lying outside of the page, the scroll bar shows up way before they are close to the edge of the browser window. This happens in Chrome, Safari, and Firefox.
What is very strange is that while trying to solve the issue, I removed several elements from my muse layout file, and I did find what was causing the issue. I have blue bars that act as headings for each section, and they are not 100% width (and I do not want them to be), and they were not off the page. However, once I removed those, the scroll bar stopped showing up so early when shrinking the browser window. I added the bars back in, one by one, and found out that depending on where I place the bar vertically will affect the horizontal scroll bar. This seems to happen whenever my bar is played below y: 1030. I have added screenshots to show this, and I can email my Muse file to Adobe support.
Some of you may notice that I do have an element that hangs off the page, and while this is true, I do not believe that it affects the issue I am having. When I remove the blue rectangles as described in the paragraph above, the website behaves as expected, even with my ribbon hanging off the page. With the blue rectangles, the scroll bar appears much before the browser window encounters the blue ribbon.
I have spent a lot of time searching for a solution, and playing with both the elements on my site and the page properties, and I cannot solve the issue. I just want there to be no scroll bar until the window is actually smaller than the page.
Screenshots:

Thank you for the great repro case. It was exceptionally helpful.
You've exposed a bug that's probably been there forever which required just the right combination of objects both on the page and off the left of the page in order to be triggered. We'll write up a bug to be investigated for a future release. Unfortunately the next major release is due out very soon, so this bug won't be fixed in time for that release. https://creativecloud.adobeevents.com/ccnext
A workaround (that no doubt seems arbitrary but should work in every case) is to group the blue box with any other object. Sorry for the confusion and inconvenience.

Horizontal Scroll bar in a web table

Guys,
is it possible to have horizontal scroll bar in webtable , not like the webtable propery for each column.
just i want drag a scroll like blanket in webtable like in internet explorer.
will assing full points for fix.
Thanks
Shan

Hi Shan,
The problem is not clear, but if you are talking about a table web item within Web Application Designer then there is a property for the number of columns to be displayed per page. Just set that property to an appropriate number. Remember while setting the property that it applies only to key figures and not characteristics. So if you set it to say 5 - it will display the horizontal scroll option if you have more than 5 key figures in your table.
If you do not want the SAP default scroll bar then set this property to a sufficiently high number so that the table is not broken up - in this case you will get the default internet explorer based scroll bar since the table will not fit in a single screen.
Hope it helps,
Regards,
Nikhil

Horizontal scroll bar for the adf page

Hi,
We have around 7 tables in single jsff page. Here , we have a requirement like :
We need to show horizontal scroll bar for the entire page instead of each table. Is there any way to get this.
As of now, we have horizontal scroll bar for each table, but our customer is not accepting this, that want the scroll bar for the entire page.
Please suggest the approach.
Thanks

I have grouped all the tables in panelgrouplayout.So, what is the problem (because it is not quite clear what you need)?
If your PanelGroupLayout is with layout="horizontal", then the tables will be rendered next to each other horizontally but there will be no horizontal scrollbar on the page.
If your PanelGroupLayout is with layout="scroll", then the tables will be next to each other vertically and there will be a horizontal and a vertical scrollbar on the page (if necessary).
If you need your tables to be relocated next to each other horizontally and to have a horizontal scrollbar on the page, then use a PanelGroupLayouts(horizontal) inside a PanelGroupLayout(scroll):
<af:panelGroupLayout layout="scroll">
<af:panelGroupLayout layout="horizontal">
    <af:table> ... </af:table>
    <af:table> ... </af:table>
    <af:table> ... </af:table>
</af:panelGroupLayout>
</af:panelGroupLayout>If your problem is that you still have horizontal scrollbars inside the tables, then you should set appropriate widths to the corresponding tables (e.g. to <af:table> tags) such that they are large enough to fit the sum of corresponding column widths.
ya, I know that its not god design, but its customer requirement, so we need to do that.If you expect some table(s) to be stretched automatically according to the size of browser's window, then you should re-think your UI design because PanelGroupLayouts do not stretch their children. A possible solution is to use a combination of PanelSplitters or other layout containers that stretch their children.
Dimitar

Horizontal scroll bar to a shuttle

How can I display a horizontal scroll bar in a shuttle? I'm hoping it's as simple as adding an attribute to the form element attribute box.
Regards.

Hi,
AFAIK its not possible to add horizontal scroll bar to shuttle/select list. You need to use workaround...or try jQuery..
Regards,
Shijesh

Horizontal scroll bar on text item

Hi,
I have a text item. I have enabled Vertical Scroll Bar. I need to enable Horizontal Scrolling as well on the text item. How is this possible?
Thanks

Yes, you have to write a PJC that extends VTextArea, then add the following instruction in the init() method:
this.setHDisplayPolicy(1);You have also to set the Forms Wrap type property to none.
Francois

Horizontal Scroll bar in a list Box?

Hi,
I have a requirement in Adobe Designer where my List Box should also show Horizontal Scroll bar in it.
Is it possible?
Thanks.

Thanks Debadas,
But i need both (Horizontal & Vertical) the scroll bars and depending on the data length either or both should be visible, without changing the data visiblity or text rotation.
Regards,

Horizontal scroll in TextEditBoxWidget

Hello
How can I get a TextEditBoxWidget with a horizontal scrollbar?
Is there an existing resource for this?
Best regards
/ Pontus Hulin

With the current version of VC there is no horizontal scroll bar in the Flex tables possible.

Horizontal Scroll in ALV Trees

Is it possible to have horizontal scrolling in ALV Trees ,
If possible suggest please.

With the current version of VC there is no horizontal scroll bar in the Flex tables possible.

Horizontal scrolling doesn't work with ItemsStackPanel in ListView(GridView)

Hi,
In Win 8.1 App Store Project I have a ListView with fixed width and listen for ContainerContentChanging event because of performance issues.
When ListView width is less than content width, horizontal scrolling doesn't work. If we change ItemsStackPanel to VirtualizingStackPanel, horizontal scrolling works fine. But ContainerContentChanging doesn't work with VirtualizingStackPanel.
Is it possible to make horizontal scrolling work with ItemsStackPanel?
Here simple example to reproduce this problem:
<Page
x:Class="App8.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:App8"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">
<Page.Resources>
<DataTemplate x:Key="ContinuousViewItemTemplate">
<Border Width="800"
Background="Green"
Margin="10"
Padding="5">
<Border x:Name="root" Height="800" Background="{Binding}"/>
</Border>
</DataTemplate>
<Style x:Key="ListViewStyle1" TargetType="ListView">
<Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Visible"/>
<Setter Property="ScrollViewer.HorizontalScrollMode" Value="Enabled"/>
<Setter Property="ItemTemplate" Value="{StaticResource ContinuousViewItemTemplate}"/>
</Style>
</Page.Resources>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="100"/>
<ColumnDefinition Width="500"/>
<ColumnDefinition/>
<ColumnDefinition Width="500"/>
<ColumnDefinition Width="100"/>
</Grid.ColumnDefinitions>
<ListView Style="{StaticResource ListViewStyle1}" Grid.Column="1">
<SolidColorBrush Color="Red"/>
<SolidColorBrush Color="Cyan"/>
</ListView>
<ListView Style="{StaticResource ListViewStyle1}" Grid.Column="3">
<ListView.ItemsPanel>
<ItemsPanelTemplate>
<VirtualizingStackPanel/>
</ItemsPanelTemplate>
</ListView.ItemsPanel>
<SolidColorBrush Color="Red"/>
<SolidColorBrush Color="Cyan"/>
</ListView>
</Grid>
</Page>

Hi Mikhail Maksyuta,
Welcome back!
Yes, you are right! I have reproduced it on VS 2013 professional.
I will report it as bug, Thanks for your valuable suggestions!
If you have any other questions about this, please feel free let me know!
Thanks again!
Regards!
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

[UNSOLVED] Synaptics Touchpad & Firefox: Horizontal Scroll

Hey guys.. i'm having a problem with my laptop's Synaptics Touchpad and Firefox.
I can't seem to get my touchpad to allow me to scroll horizontally in the browser (when, say, there's a wide image on a page for instance). Whenever I try to scroll by sliding my finger side-to-side on the bottom edge of my touchpad, the page scrolls up and down, just like the vertical scroll on the right edge!
At first I thought it was a problem with horizontal scrolling on the Synaptics driver in general, but I discovered that if I have something like File Browser open, I can scroll horizontally with the touchpad, so the problem lies ONLY with Firefox.
I have looked for solutions already and everything I find only talks about a possible issue where Firefox might treat the Touchpad's horizontal scrolling and Forward and Back actions and how to fix this. But this is not the problem I am having. But I do have mousewheel.horizscroll.withnokey.action set to 1 in my about:config, which from what I've read is supposed to be correct to allow h. scrolling.
Any ideas?
Last edited by flintmecha (2008-12-01 23:24:37)

FYI, with my Synaptics touch pad and firefox, it works, but I have the mousewheel.horizscroll.withnokey.action set to 0 (default). In fact, all of the settings in about:config with 'mousewheel' in them are all at the default setting. I just had to setup the xorg.conf (old way) or the the /etc/hal/fdi/policy/11-x11-synaptics.fdi (new way) correctly to enable the horizontal scrolling.
Good luck!
Scott

Horizontally centering flash .swf" and disallowing horizontal scroll??

Is it possible to center a flash .swf file on a website, and then disable horizontal scrolling?
I made my website in Flash Catalyst, and I made the width 1700px and the height 1200px. I made the width large because I wanted it to look good in the largest screen resolutions, but my biggest problem now that I've finished making the website is putting it up. Simply embedding it makes it scroll horizontally all the way to 1700px, which isn't good for those with small browsers.
Originally, I was planning on making the flash file the background in CSS (using body {background: url(FILE.swf) no-repeat #000 top center}) but then I found out you can't put .swf's as backgrounds.
Basically, I want to know if it's possible to center the .swf horizontally, and then disallow horizontal scrolling. I want to keep vertical scrolling,
Any help appreciated!

Is it possible to center a flash .swf file on a website, and then disable horizontal scrolling?
Yes, but it introduces other problems. With scrolling disabled, you might not be able to see all the page. I DO NOT recommend what you are trying to do. Flash scaling would most likely give you better results.
Background images if intended to cover a large area are typically very small images which are repeated to create a pattern. Using one large image will still never cover all the possible screen resolutions or page sizes... for example larger than 1700 or taller than 1200 pixels.
Centering requires a set dimension, like 1700 so auto set margins would center it, but it still may not cover 100% as using a width of 100% would.
That being said, turn off horizontal scroll and leave vert on with:
overflow-y: auto !important;
overflow-x: hidden !important
then you'll need to use z-indexing to lay anything else over the top of you background .swf
Here a sample page that should get you going... dimensions are smaller so you can see how it works... the principle is the same.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>No Scroll</title>
<style type="text/css">

</style>
</head>
<body>
<div id="main_container">
<div id="flash">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="800" height="600" id="overflow" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="overflow.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffff00" /><embed src="overflow.swf" quality="high" bgcolor="#ffff00" width="800" height="600" name="overflow" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>
<div id="content">
<p align="center">This is the center</p>
</div>
</div>
</body>
</html>
Best of luck!
Adninjastrator

Horizontal scrolling. Is it possible?

Similar Messages

Maybe you are looking for