Horizontal scrolling with a table that is 100% width of window/container

Hello,
I'm a bit perplexed - it seems to me that the only way that I can have both fixed and scrollable columns in a table, with a table that resizes to the width of the user's screen, is to have percentage widths for all the entries.
Warning imminent rant
This seems to me to almost defeat the purpose. I want to be able to show more columns if the user has a large screen, and less if they have a small screen, keep certain key fields always showing and have the space avaliable for each column fixed to the size of the column contents. Having percentages of the screen for all columns just means that the column will get wider and thinner, not more or less!
Is there any hope that this might come along with client side scrolling in NetWeaver EhP2? Or does anyone have a cunning solution to the problem?
Now, I can sort of understand why this functionality has been build like this (the ABAP not having any real idea of how wide the screen actually is) - but why deliever such a solution at all? I can almost understand a fixed width situation, although all that code for a minimal improvement over just specifying the number of scrollable columns is suprising - but I struggle to see the use case for setting all the columns in a table to display as percentage widths.
Rant over -
If anyone does have any ideas how to have a 100% width table with fixed width columns - please do let me know.
Cheers,
Chris

Can this work:
Emebed your table UI element in Transparent Container UI element ( give it a fixed width ), now make table width as 100 % and make each column width as Width of Transparent Container / No of Columns.
Although I'm suggesting this but in my opinion giving fixed width to any UI element height width property is not advisable and recommended. It is because when browser will be resized by the user then if there is a fixed width settings then scrollbars would appear and layout may also go haywire.
If on the other hand if we are giving % (relative of window ) in width height of UI elements then layout will be adjusted automatically.
Regards
Manas Dua

Similar Messages

Horizontal scrolling with mouse wheel?

I have built a website for a client that scrolls only horizontally. Is it possible to scroll with the mouse wheel horizontally?
Is there certain HTML I need to add?
Thank you

Hi,
There is no out of the box solution to force horizontal scrolling with mouse wheel. However, you can add your own code to your Muse site after exporting it. These docs should be helpful :
http://css-tricks.com/snippets/jquery/horz-scroll-with-mouse-wheel/
http://stackoverflow.com/questions/2346958/how-to-do-a-horizontal-scroll-on-mouse-wheel-sc roll
Regards,
Aish

Horizontal scrolling with mousewheel

I was wondering if anyone knew how to create horizontal scrolling with the mousewheel in Adobe Muse.
So that instead of the page moving up/down when the mousewheel is used, it moves left to right so that the user dosen't have to manually scroll.
Is there any HTML I can insert that will allow me to do this?

My apple mouse that came with my iMac G5 started sticking which was causing problems when I tried to double-click. I bought a Logitech Optical Mouse which works fine on my iMac even if it was intended to be used with a PC. I can even right-click to bring up the options you would get by ccontrol-click an apple mouse. Also the Logitech mouse is cheap compared with an apple mouse.
http://www.amazon.com/gp/product/B0001LTT64/ref=dpcp_ob_title0/104-2556526-6719156

Horizontal scroll issue in table

Hi all,
I have used af:table with 14 columns and used frozen property to 4th column to freeze first 4 columns .For rest of
columns horizontal scroll bar appears.
Now issue is horizontal scroll is not working smoothly in Google Chrome Browser. It seems to be getting stuck.
In IE and Mozilla the same scroll is smooth and works fine.
Using Jdev 11.1.1.5.0 version.
Please help.
Thanks.
Edited by: 904142 on May 29, 2013 10:39 AM

Thanks for reply
@Frank:Issue is reproducing in sample application as well
To reproduce this issue do following
1.Use Page Template
2.Use frozen property to one of column so that horizontal scroll bar should appear for rest of the columns.
3.Data should be large enough so that vertical scroll bar should appear
@Shay:Issue is not reproducing there.

Horizontal scrolling with captioned images?

Hey everybody I'm helping a friend with his new site and need help figuring this out:
- I want to add left-aligned text captions below each of the horizonal scrolling images.
- I also want the images/captions to automatically resize to fit every window size (as the images currently do) - would be great if the image caption texts would automatically resize and become smaller with smaller window sizes.
Example here (this is a test without captions): http://briankokoska.com/indextest2.html
If somebody could please try to code the page including the word "caption" left-aligned underneath each of the images I would be very greatful. This way i can add the proper captions myself.
Thanks in advance for your help!!!

Horizontal scrolling and fixed divisions don't work well in mobile devices.
Try this code in a new, blank document and SaveAs test.html. This works much better in mobile/tablet devices.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>BRIAN KOKOSKA</title>
<meta name="viewport" content="width=device-width, initial-scale=1">

<style>
margin: 0;
padding: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
body {
width: 98%;
color: #000;
padding: 0 1%;
font-size: 125%;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
header {
position: fixed;
top: 0;
right: 3%;
margin: 0;
width: 35%;
font-weight: bold;
text-align: right;
background: rgba(255,255,251,0.5)
header * { padding-right: 1% }
header address a {
padding-top: 25px;
margin-bottom: 0;
color: red
header p { margin-top: 25px; }
header h2 a {
color: blue;
font-size: 75%;
margin-top: -10px;
section { display: table; }
article { display: table-row; }
/**Captions**/
article p {
display: table-cell;
vertical-align: middle;
margin: 2%;
padding: 2%;
color: red;
/**re-usable classes**/
.center { text-align: center }
.right { text-align: right }
.red { background: rgba(255,0,0,0.5); }
.white { background: rgba(204,204,204,0.5) }
.blue { background: rgba(0,102,204,0.5) }
/**links**/
a img { border: none }
a {
text-decoration: none;
color: #000;
display: block;
line-height: 2em;
a:hover, a:active, a:focus { text-decoration: underline }
/* Special Rules for Mobile, Tablets */
@media only screen and (max-width: 1024px) {
body { font-size: 90% }
img { width: 100% }
header {
width: 100%;
position: static;
padding: 0.5%
article p {
display: block;
padding: 0;
font-size: 90%
</style>
</head>
<body>
<header>
<h1 class="right">BRIAN KOKOSKA</h1>
<address>
<a href="mailto:[email protected]">[email protected] </a>
</address>
<h2><a href="http://mfineart.ca/artists/brian-kokoska-selected-works/" target="_blank">Macaulay & Co. Fine Art</a></h2>
<p class="blue"><a href="http://briankokoska.com/installationviews">INSTALLATION VIEWS</a><p>
<p class="white"><a href="http://briankokoska.com/selectedworks">SELECTED WORKS</a></p>
<p class="red"><a href="http://briankokoska.com/info">INFORMATION</a></p>
</header>
<section>
<article>
<p>Caption goes here...</p>
<p><a href="http://lvl3gallery.com/post-hope-1262013-2172013/#1" target="_blank">
<img src="http://briankokoska.com/briankokoska_posthope_smallest.jpg">
</a> </p>
<p>Caption goes here...</p>
<p><a href="http://lvl3gallery.com/post-hope-1262013-2172013/#1" target="_blank">
<img src="http://briankokoska.com/briankokoska_posthope_smallest2.jpg">
</a> </p>
<p>Caption goes here...</p>
<p><a href="http://voxpopuligallery.org/exhibitions/painting-bitten-by-a-man/" target="_blank">
<img src="http://briankokoska.com/briankokoska_paintingbittenbyaman_smallest.jpg">
</a> </p>
<p>Caption goes here...</p>
<p><a href="http://voxpopuligallery.org/exhibitions/painting-bitten-by-a-man/" target="_blank">
<img src="http://briankokoska.com/briankokoska_paintingbittenbyaman_smallest2.jpg">
</a></p>
<p> Caption goes here... </p>
<p>image here</p>
Etc.....
</article>
</section>
</body>
</html>
Nancy O.

Urgent!!!!Add a Horizontal Scroll Bar for Table Control

Hi Experts,
I want to have a Horizontal Scroll Bar on my Table control.
I tried with few properties for the Table UI Element but not able to solve it.
If any one who had already done this please help me out.
Thanks in advance..
Regards, Kishore K

HI Koen,
Thanks for early Reply.
When I use this I get
Page Down ( ->!!, Arrown with lines pointing Down)
Page UP
Page Top ( ->, Arrown with lines pointing Top)
Page Down ( ->, Arrown with lines pointing Down)
But I need only Page top and Page down for this Table UI .
I think my question is clear enough.
Please let me know this also.
Thanks & Regards,
Kishore K

Horizontal scrolling with a vertical scroll wheel

Recently I sadly had to ditch my mighty mouse. Good by little friend.
I couldn't justify spending 45 minutes of my day trying to clean the wheel.
I miss horizontal scrolling now. I've been told that one can get horizontal scrolling by holding the shift key, but that doesn't work for me.
Any ideas?

My apple mouse that came with my iMac G5 started sticking which was causing problems when I tried to double-click. I bought a Logitech Optical Mouse which works fine on my iMac even if it was intended to be used with a PC. I can even right-click to bring up the options you would get by ccontrol-click an apple mouse. Also the Logitech mouse is cheap compared with an apple mouse.
http://www.amazon.com/gp/product/B0001LTT64/ref=dpcp_ob_title0/104-2556526-6719156

How to share and Access DB (.accdb) with global tables that link to SQL Server tables without having to define ODBC connections on each client PC?

I have an Access DB with quite a few Linked Tables that point to a SQL Server backend db. Currently I am using an ODBC connection defined on my pc, but I want other users to be able to download the .accdb file from a share and run. Will I have
to define this odbc connection on each client's pc? Is there a better way to do this without having to have each client manually set this up on their PC?

I have an Access DB with quite a few Linked Tables that point to a SQL Server backend db. Currently I am using an ODBC connection defined on my pc, but I want other users to be able to download the .accdb file from a share and run. Will
I have to define this odbc connection on each client's pc? Is there a better way to do this without having to have each client manually set this up on their PC?
Hi Jason,
I think you can automate that process. In each application I use a one-record-table in the FE with a field Connected. Connected is default False.
Starting a database in the development mode ignores this flag. Starting a database in production mode starts, if Not Connected, a procedure to RefreshLink the tables to the BE, and makes Connected = TRUE, so a next startup does not
result in a new RefreshLink.
Instead of a Boolean you could also use a string containing the path, or whatever you want.
Imb.

Problem with the table that goes on next page

Hi all,
In my template there is a table that stores detail information. The table property is set to display in box format meaning only the border and not grid. Also I have used <?if:position() mod 10 =0?><xsl:attribute name="break-before">page</xsl:attribute> to display only 10 rows per page. now if there are say 15 rows for detail then the remaining 5 lines are correctly printed in next page, but the table in first page is not displayed in box format.
If needed I can provide you with the xml and template.
Thanks in advance.
Suresh

quick work around
put this table in another table
give the box format for outer table,none for inner.

How do I eliminate horizontal scrolling with wireless mouse?

Is there a way to disable just the horizontal scrolling on a wireless mouse? I have Mac OS X 10.6.8. I've searched Google and found several sources that recommend typing "defaults write com.apple.driver.Apple BluetoothMultitouch.mouse MouseHorizontalScroll -bool NO" in the Terminal window but it does not work. Any help would be appreciated.

It will only last until the next startup, but
Open Terminal (in your Applications/Utilities folder):
Copy/paste and hit Return:
defaults write com.apple.driver.AppleBluetoothMultitouch.mouse MouseHorizontalScroll -bool NO
For this to take effect, turn your mouse off and then on again from the power switch
To reverse
defaults write com.apple.driver.AppleBluetoothMultitouch.mouse MouseHorizontalScroll -bool YES
Message was edited by: WZZZ

[Bug] Double-scroll with WizMouse in new version of Spotify for Windows

This is probably a very niche problem since I didn't find anyone else discussing it anywhere. I use a program called WizMouse to alter the behavior of the mouse in Windows so that when you use the mouse wheel to scroll but are not hovering over the active window, it scrolls in the window you are hovering over instead of doing nothing or scrolling in the active window. This is how scrolling works in Mac and Linux, it's very intuitive and frankly hard to believe it's still not standard in Windows. For reference I found several other programs that refer to this as "x-mouse" behavior, so presumably this is related to the way the X11 window system handles the mouse. Anyway, the issue is that when this program is activated, Spotify seems to scroll twice as much as it should with each movement of the wheel. WizMouse isn't perfect of course, but I have never experienced this issue with ANY other programs before. It worked fine before Spotify was rewritten and broke a lot of things, so they must be doing something very strange with the way that scrolling is handled. I haven't tested the other programs I linked to, but I will do so if I have time later. Please let me know if you are experiencing any similar or related issues.

> Windows 10 does that scrolling over an inactive program natively btw. I know, but XMBC still helps for situations like this or potentially other programs that might not work with the built in method. There is a bug thread here for the too much scrolling issue, also links to a longer discussion: https://community.spotify.com/t5/Ongoing-Issues/Desktop-scrolls-too-fast-on-windows/idc-p/1180613#M6680

Horizontal Scroll with CSS ? ? ?

Hi All:
I did a search on the forum and cannot find what I am looking for so I am posting this question: I built a phot gallerey based upon the Stu Nichols tutorial I found posted online. It works fine and can be seen here:
http://www.chartoonz.com/test/imgGalleryTEST02Scroll.html
My problem is too many photo buttons. I have 32 buttons for the photos but I don't want them all to show. I just want to line them all up, horizontally and allow a user to scroll through the top line. I would really like the scroll to stay put when they click a button and let them continue to scroll. Is that possible?
I tried using "overflow-x:scroll;" in the ".gallery" style but I cannot restrict the height as of now; so it didn't work. Not sure what's going wrong and I sure could use some help...
Thanks
ACC

Qusi success!
I had to set .gallery's width up to 250% but I finally got the scroll I wanted hooray and thank you! It can be seen at http://www.chartoonz.com/test/imgGalleryTEST05ScrollKeepingimagesInplace.html
So thanks a LOT.
However the results are not what I intended, the scroll shifts all the LI items when one scrolls which means that the images, scroll along with them and I was hoping to keep them stuck in one position. I HAD thought that the
.gallery li a img {
position:absolute;
top:-390px;
left:80px;
would do that but having researched absolute positioning I see the folly of my ways. Is there a way with the css to decouple the image's (.gallery li a img) from the positioning of the actual .gallery li a positioning? Or am I barking up the worng tree. It's frustrating to be 66.66% done. If there was a way to get the scroll, to scroll, but the images to stay put DESPITE the fact that they are all part of the same unorderd list it wouyld be awesome. I have looked through the forums but I cannot get any information that seems to be helpful.

Can't horizontal scroll with PC desktop glidepoint touch pad or dell lap top touchpad.

I can scroll vertically but not horizontally on firefox with desktop PC glidepoint touchpad and with dell laptop touchpad. Desk-and-lap tops work fine with internet explorer.
== This happened ==
Every time Firefox opened
== From first moment firefox was downloaded

I cant get my T530 to boot on the discrete graphics card either (Nvidia) unless I add (EDIT: to the kernel boot line in grub.cfg):
noapic
Note that I did NOT write noacpi, but noapic. See this thread:
https://bbs.archlinux.org/viewtopic.php?id=175672
**EDIT2** Actually, you might try noacpi and noapic, and then both at the same time considering your mention of acpi in your OP.
Last edited by GSF1200S (2014-05-29 17:08:07)

Problem with a table that user can add rows to

I have a form that has a table with header. I have included a button that users can click to add rows to the table. I have gotten a few forms back where for some reason the header row has been repeated. I haven't been able to recreate this on my end and my users can't identify exactly what they are doing to get those extra header rows. I have included screen shots of the problem pages here. I would love to upload the form since I believe my issue is with the script, but can't seem to do that. I'm signed in to adobe.com, but when I go to new and documents and upload a file, everything is greyed out. Am I missing something that would enable me to upload the document? Specific instructions would be appreciated.
Thanks!

Hi,
For both/all tables the HeaderRow should not be set to repeat (see the Object > Binding palette). Go to the HeaderRow in the hierarchy (for each table) and untick the "Repeat Row.."
That should solve the problem.
Niall

Responsive animation with background color that spans 100%

I've create a responsive animation with simple background colors. I'd loe for the background colors to bleed 100%, but can not seem to find a way to do it easily. I've actually had to layer two animations on top of each other and just js. (this site is in development: http://newsite.insightpd.com/what-we-do/ ) I'd love for the red and gray to go 100% while still being centered and staying responsive. What am I missing? Any advice would be greatly appreciated.
PS, I'm using the edge plugin for wordpress and am just uploading the aom file.
Thanks in advance for your help!

Did you incorporate % widths during the creation of the animation?
Nice job btw
Also your template is using fixed widths for that section that houses the Edge Animate - you also need to adjust for % in your WP template css (see capture).

Horizontal scrolling with a table that is 100% width of window/container

Similar Messages

Maybe you are looking for