Horizontal overflow

Hi Experts,
I have Xml as shown below.
<DepreciationDtl>
<Depreciation>
<Year>1<\Year>
<Percentage>5<\Percentage>
</Depreciation>
<Depreciation>
<Year>2<\Year>
<Percentage>10<\Percentage>
</Depreciation>
<Depreciation>
<Year>3<\Year>
<Percentage>15<\Percentage>
</Depreciation>
<Depreciation>
<Year>4<\Year>
<Percentage>20<\Percentage>
</Depreciation>
<Depreciation>
<Year>5<\Year>
<Percentage>25<\Percentage>
</Depreciation>
<Depreciation>
<Year>6<\Year>
<Percentage>30<\Percentage>
</Depreciation>
<Depreciation>
<Year>7<\Year>
<Percentage>35<\Percentage>
</Depreciation>
<Depreciation>
<Year>8<\Year>
<Percentage>40<\Percentage>
</Depreciation>
<Depreciation>
<Year>9<\Year>
<Percentage>45<\Percentage>
</Depreciation>
<Depreciation>
<Year>10<\Year>
<Percentage>50<\Percentage>
</Depreciation>
<Depreciation>
<Year>11<\Year>
<Percentage>55<\Percentage>
</Depreciation>
<Depreciation>
<Year>12<\Year>
<Percentage>60<\Percentage>
</Depreciation>
<Depreciation>
<Year>13<\Year>
<Percentage>65<\Percentage>
</Depreciation>
<Depreciation>
<Year>14<\Year>
<Percentage>70<\Percentage>
</Depreciation>
<Depreciation>
<Year>15<\Year>
<Percentage>75<\Percentage>
</Depreciation>
</DepreciationDtl>
Using the XML mentioned above i need to display dynamic table as shown below.
YEAR Dep% YEAR Dep% YEAR Dep%
1 5 2 10 3 15
4 20 5 25 6 30
7 35 8 40 9 45
10 50 11 55 12 60
13 65 14 70 15 75
Can anyone let me know how to make it possible using overflow concept...
Thanks in Advance....

It sounds like you have created a "line" or "row" section with the 6 fields (3 sets of 2) on it. That is fine.
Then you would create a trigger to calculate your total occurrences, divide by 3 (add 1) and then return that as your trigger count. This will get you enough rows for your content.
Within the "row" section you have, you would add the appropriate xPath or XDD reference to the field rule section. Then review the help on the Overflow and Overflow Multipliers. Essentially, you want the overflow per section and a multiplier of 3 (I think) since you have 3 sets per section.
Don't just do a search in the help for Overflow because you will see all different kinds that have existed over the years. You want to see the Overflow Multiplier definitions in the Fields section under rules.

Similar Messages

  • How do I stop horizontal oveflow in a JPanel component?

    I have a JPanel inside a JScrollPane with the scroll policies:
    VERTICAL_SCROLLBAR_AS_NEEDED
    HORIZONTAL_SCROLLBAR_NEVER
    Throughout my application, I dynamically add new components (JToggleButtons) to the JPanel. My problem is, I get horizontal overflow and I don't get a horizontal scrollbar. I know I can get one by just changing the horizontal scroll policy, but I want to use vertical scrolling only. I didn't have this problem before I implemented the JScrollPane. How do I control the horizontal overflow?

    You might be able to use the [Wrap Layout|http://www.camick.com/java/blog.html?name=wrap-layout].

  • Crystal Web Viewer field overflow horizontally

    A report developed in Crystal 9 when viewed on a Web App. using the Crystal Viewer does not inherit the design time formatting of fields.
    This happens esp. for string field objects whose "can grow" is not checked. The field overflows horizonantally to show the full string.
    Crystal 2008 , ASP.NET 2005
    Any suggestions..

    This is a known issue due to limitations when generating the HTML.  To workaround it you need to set can grow and max lines to 1.  This forces the report to only place the information that would fit on one line into the HTML generated.

  • Problem with Horizontal Spry Menu

    Hi,
    I have trawled through the forum to see if I can find an answer to my problem, but couldnt locate one, so this is my first post.
    I recently built this website for my wifes business and was using a simple menu bar without any dropdowns, just to get the site up and running (healingthreads.com.au). Am now looking to do some enhancements and was looking to use a Spry Horizontal Menu Bar. All was going well in that I was able to insert the menu bar and get it in the right position, however the dropdowns below the top level items (ie. Item 1.1, Item 1.2 etc) are getting hidden behind one of the other DIV's and despite trying changing z-index values, am still not able to get the dropdowns to display in front of the main DIV. Have run out of ideas and am hoping the wisdom of the forum will be able to assist. I have the same problem on the Index page as well as the other pages on the site. The website is fairly basic at the moment and is simply promoting her courses and products.
    Unfortunately am not able to post live code to a server for you to test on, so best that I can do is post the code for a page and for the CSS sheets.  I have left the standard Spry code in place in the source code to show that the problem exists without and fancy changes that I have made to the Spry code. I have also removed the z-index properties that I had been playing around with. So, what I am attaching is the basic code that has the problem.
    Hope someone can help.
    Here is the source code
    <!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=UTF-8" />
    <meta name="description" content="Healing Threads is an innovative practice on the NSW Central Coast offering workshops, group work, private consultations and also has a range of aromatherapy and handwoven products for sale" />
    <meta name="keywords" content="healing journeys, healing, transpersonal counselling, private consultations, aromatherapy, handwoven, workshops" />
    <title>Healing_Threads</title>
    <link href="Styles/healing_threads.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    </style>
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    </head>
    <body
    <div id="container">
      <h1>Healing Threads: Healing Journeys, Group Work and Private Consultations</h1>
      <div id="Banner"><img src="images/HT_Banner_2.gif" alt="Banner" width="800" height="125" border="0" usemap="#Map2" />
        <map name="Map2" id="Map2">
          <area shape="rect" coords="67,12,770,113" href="index.html" />
        </map>
        <ul id="MenuBar1" class="MenuBarHorizontal">
          <li><a class="MenuBarItemSubmenu" href="#">Item 1</a>
            <ul>
              <li><a href="#">Item 1.1</a></li>
              <li><a href="#">Item 1.2</a></li>
              <li><a href="#">Item 1.3</a></li>
            </ul>
          </li>
          <li><a href="#">Item 2</a></li>
          <li><a class="MenuBarItemSubmenu" href="#">Item 3</a>
            <ul>
              <li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
                <ul>
                  <li><a href="#">Item 3.1.1</a></li>
                  <li><a href="#">Item 3.1.2</a></li>
                </ul>
              </li>
              <li><a href="#">Item 3.2</a></li>
              <li><a href="#">Item 3.3</a></li>
            </ul>
          </li>
          <li><a href="#">Item 4</a></li>
        </ul>
      </div>
      <div id="background_image">
        <div id="Prod_Image"><img src="images/HT-Web-Site-HP-Side-ImageV3.jpg" width="200" height="470" alt="Products &amp; Services" /></div>
        <div id="main_text">
          <h5><a href="Workshops.html" class="htlinks">Healing Journeys</a></h5>
    <p>Combining story, meditation, art and ritual to help tap into your own inner wisdom for self growth and healing.</p>
          <h4><a href="Groups.html" class="htlinks">Group Work</a></h4>
          <p>A range of weekly group activities exploring story, dreams, masks and more.</p>
          <h4><a href="Consultations.html" class="htlinks">Private Consultations</a></h4>
          <p>Using a range of creative processes, including meditation, art, movement, story and ritual, for the best healing outcome for clients.</p>
          <h4><a href="Oils&amp;Sprays.html" class="htlinks">Aromatherapy Products</a></h4>
          <p>sCentred Therapies range of anointing oils, clearing sprays and perfumes that can be used to enhance meditation, ceremony and pleasure.</p>
          <h4><a href="Handwoven.html" class="htlinks">Handwoven Items</a></h4>
          <p>Handwoven products such as throws, wraps and scarves, created from stunning wools, silks and cottons.</p>
        </div>
      </div>
    </div>
    <script type="text/javascript">
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    </body>
    </html>
    Here is the main CSS sheet
    @charset "UTF-8";
    /* CSS Document */
    #container {
    width: 968px;
    background: #CCCCFF;
    margin: 0 auto;
    padding-left: 0px;
    padding-right: 0px;
    overflow: scroll;
    height: 1200px;
    #Banner {
    width: 800px;
    background: #CCCCFF;
    margin: 0 auto;
    padding-left: 0px;
    padding-right: 0px;
    overflow: hidden;
    #background_image {
    background-image: url(../images/Coloured_Threads_Web.jpg);
    background-repeat: no-repeat;
    position: relative;
    height: 533px;
    width: 800px;
    margin: 0 auto;
    overflow: visible;
    #background_image_ws {
    background-image: ;
    background-repeat: no-repeat;
    position: relative;
    height: 1000px;
    width: 800px;
    margin: 0 auto;
    overflow: visible;
    #main_text {
    background-color: #FFF;
    width: 500px;
    margin-left: 0px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    top: 52px;
    left: 269px;
    height: 470px;
    #main_text h4 {
    color: #7F7EB1;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 6px;
    #main_text p {
    color: #7F7EB1;
    font-size: 14px;
    font-family:Arial, Helvetica, sans-serif;
    margin-left: 6px;
    #main_text h5 {
    color: #7F7EB1;
    font-size: 16px;
    font-family:Arial, Helvetica, sans-serif;
    margin-left: 6px;
    #Prod_Image {
    background-color: #FFF;
    height: 300px;
    width: 200px;
    position: absolute;
    top: 53px;
    #Prod_Image,#main_text {
    float: left;
    #Prod_Image {
    margin-left: 35px;
    #main_text_ws {
    background-color: #FFF;
    width: 600px;
    height: 1000px;
    margin-left: 0px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    top: 0px;
    left: 200px;
    #Prod_Image_ws {
    background-color: #FFF;
    height: 1000px;
    width: 200px;
    position: absolute;
    top: 0px;
    #Prod_Image_ws,#main_text_ws {
    float: left;
    #main_text_ws h4 {
    color: #7F7EB1;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 6px;
    font-size: 16px;
    #main_text_ws p {
    color: #7F7EB1;
    font-size: 14px;
    font-family:Arial, Helvetica, sans-serif;
    margin-left: 6px;
    #main_text_ws h5 {
    color: #7F7EB1;
    font-size: 14px;
    font-family:Arial, Helvetica, sans-serif;
    margin-left: 6px;
    #background_image_ws #main_text_ws p a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #7f7eb1;
    a.htlinks:link {color:#7f7eb1;}
    a.htlinks:visited {color:#7f7eb1;}
    a.htlinks:hover {color:#0d004c;}
    #container h1 {
    position: absolute;
    top: -500px;
    Here is the Spry CSS Sheet - note: I have not modified this in any way.
    @charset "UTF-8";
    /* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
    LAYOUT INFORMATION: describes box model, positioning, z-order
    /* The outermost container of the Menu Bar, an auto width box with no margin or padding */
    ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: auto;
    /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
    ul.MenuBarActive
    z-index: 1000;
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 8em;
    float: left;
    /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
    ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 8.2em;
    position: absolute;
    left: -1000em;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarHorizontal ul li
    width: 8.2em;
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul
    position: absolute;
    margin: -5% 0 0 95%;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: auto;
    top: 0;
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* Submenu containers have borders on all sides */
    ul.MenuBarHorizontal ul
    border: 1px solid #CCC;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    background-color: #EEE;
    padding: 0.5em 0.75em;
    color: #333;
    text-decoration: none;
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    background-color: #33C;
    color: #FFF;
    /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-color: #33C;
    color: #FFF;
    SUBMENU INDICATION: styles if there is a submenu under a given menu item
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarDown.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarDownHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarRightHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    BROWSER HACKS: the hacks below should not be changed unless you are an expert
    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
    ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
    filter:alpha(opacity:0.1);
    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
    @media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
    display: inline;
    f\loat: left;
    background: #FFF;
    Am sure that this is something quite basic that I have missed, however as mentioned above, am out of ideas.
    Looking forward hopefully to your helpful suggestions.
    Regards,
    Healing Threads

    Gramps,
    Thanks for the prompt reply, greatly appreciated here in Sydney.
    Re your response. When I preview the page in both Safari and Firefox, the dropdowns are not visible, just the top layer Items.
    Dont understrand what is going on.
    Am I doing something wrong when I am previewing the file?
    RThanks,
    Healing Threads.

  • Matrix Report overflows to other page

    We have a Matrix Report (Report Builder 6.0.8.20.1) with a lot of columns. The report is in landscape style, but still the matrix will not fit horizontally.
    The second part of the matrix will be displayed on the next page, while there is enough space to display the second part of the matrix on the same page, below the first part of the matrix.
    Does anyone know why Report Builder has this behaviour?
    Thanks in advance,
    Lennart de Vos
    PS: All properties Page Protect, Page Break Before/After have been set to "No". The property Print Direction of the repeating frames in the Matrix cannot be changed

    hello,
    if i understand correctly, the matrix overflows in the horizontal direction to another page and you would like this part to show up below the first part on the same page insead ? much like wrapping the matrix ?
    unfortunately reports does not support wrapping of layout objects. if a layout object exceeds the page in any direction the overflow part will be pushed to another page.
    thanks,
    ph.

  • Apex 5.0, Horizontal scrollbar for Interactive Report  and Pivot Format

    Hi,
    i would like to know how to have an horizontal scrollbar for an interactive report (5.0) after making a pivot from the user interface; i have a lot of columns and without the pivot the horizontal scrollbar appears . After it doesn't appear.
    I tried with the Region Header <div style="overflow:auto;"> and Region Footer </div>  but without success.
    Regards
    Gianpaolo

    Hi gianpagi,
    gianpagi wrote:
    i would like to know how to have an horizontal scrollbar for an interactive report (5.0) after making a pivot from the user interface; i have a lot of columns and without the pivot the horizontal scrollbar appears . After it doesn't appear.
    I tried with the Region Header <div style="overflow:auto;"> and Region Footer </div>  but without success.
         Please mention the theme and template you are using for the Interactive Report.
         Can you re-produce the issue on apex.oracle.com and share the workspace credentials, so that can have closer look at the issue?
    Regards,
    Kiran

  • Nube needs help inserting a JQuery horizontal menu bar into my site-help.

    Please forgive the ignorance of my questions but I am new to Mobile site design and Dreamweaver.
    I am trying to build a responsive web site for my company that can be viewed on multiple platforms, but am having trouble inserting a responsive menu and responsive slide show.
    This post is in regard to the  menu bar, which I have created using JQuery on a seperate page. I have managed to get the layout to work but still can't figure out how to create mouse overs for the links
    or how to insert it into my site. 
    Please help.
    Why can't I see the nav bar in the site when I paste in?
    All I see is the text and no images. I know I am pasting the code in the wrong place.
    Where do I insert it?
    Below is the code for the site and below that is the code for the menu bar.
    Where do I insert it? Help.
    Thank you in advance for any help you can provide.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <!doctype html>
    <!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
    <!--[if IE 7]>    <html class="ie7 oldie"> <![endif]-->
    <!--[if IE 8]>    <html class="ie8 oldie"> <![endif]-->
    <!--[if gt IE 8]><!-->
    <html class="">
    <!--<![endif]-->
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Untitled Document</title>
    <link href="boilerplate.css" rel="stylesheet" type="text/css">
    <link href="css/master.css" rel="stylesheet" type="text/css">
    <!--
    To learn more about the conditional comments around the html tags at the top of the file:
    paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
    Do the following if you're using your customized build of modernizr (http://www.modernizr.com/):
    * insert the link to your js here
    * remove the link below to the html5shiv
    * add the "no-js" class to the html tags at the top
    * you can also remove the link to respond.min.js if you included the MQ Polyfill in your modernizr build
    -->
    <!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <script src="respond.min.js"></script>
    </head>
    <body>
    <div class="gridContainer clearfix">
      <div id="LayoutDiv1">
        <div align="center"><img src="images/Site Objects/headermain.png" alt="header"></div>
      </div>
      <div id="navbar">ul#navlist { font-family: <span class="navfont">sans-serif</span>; }
    ul#navlist a
    font-weight: bold;
    text-decoration: none;
    ul#navlist, ul#navlist ul, ul#navlist li
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    ul#navlist li { float: left; }
    ul#navlist li a
    color: #ffffff;
    background-color: #<span class="navmainbg">003366</span>;
    padding: 3px;
    border: 1px #ffffff outset;
    ul#navlist li a:hover
    color: #ffff00;
    background-color: #<span class="submenubg">003366</span>;
    ul#navlist li a:active
    color: #cccccc;
    background-color: #003366;
    border: 1px #ffffff inset;
    ul#subnavlist { display: none; }
    ul#subnavlist li { float: none; }
    ul#subnavlist li a
    padding: 0px;
    margin: 0px;
    ul#navlist li:hover ul#subnavlist
    display: block;
    position: absolute;
    font-size: 8pt;
    padding-top: 5px;
    ul#navlist li:hover ul#subnavlist li a
    display: block;
    width: 10em;
    border: none;
    padding: 2px;
    ul#navlist li:hover ul#subnavlist li a:before { content: " >> "; }
    Read more: How to Make a Rollover Drop-Down Menu | eHow http://www.ehow.com/how_8569816_make-rollover-dropdown-menu.html#ixzz2WZQ3IDmU</div>
      <div id="slideshow">
      <div id="slideshow">
        <div align="center">
          <!-- Begin DWUser_EasyRotator -->
    <script type="text/javascript" src="http://c520866.r66.cf2.rackcdn.com/1/js/easy_rotator.min.js"></script>
    <div class="dwuserEasyRotator" style="width: 1225px; height: 400px; position:relative; text-align: left;" data-erConfig="{autoplayEnabled:true, randomize:true, autoplayDelay:3000, autoplayStopOnInteraction:false, autoplayPauseOnHover:false, audio_controllerLocation:'br', lpp:'102-105-108-101-58-47-47-47-85-115-101-114-115-47-77-97-99-50-47-68-111-99-117-109-1 01-110-116-115-47-69-97-115-121-82-111-116-97-116-111-114-80-114-101-118-105-101-119-47-11 2-114-101-118-105-101-119-95-115-119-102-115-47', wv:1}" data-erName="slideshow rotator" data-erTID="{hg3ysjwkx61418058007631}">
              <div data-ertype="content" style="display: none;"><ul data-erlabel=>
              <li>
                        <img class="main" src="_images/Site Objects/fades how/lrg_images/image09-turn.png" />
                        <img class="thumb" src="_images/Site Objects/fadess how/lrg_images/image09-turn.png" />
              </li>
              <li>
                        <img class="main" src="_images/Site Objects/fades how/lrg_images/image08-ss.png" />
                        <img class="thumb" src="_images/Site Objects/slides how/lrg_images/image08-ss.png" />
              </li>
              <li>
                        <img class="main" src="_images/Site Objects/slides how/lrg_images/image07-posters.png" />
                        <img class="thumb" src="_images/Site Objects/slides how/lrg_images/image07-posters.png" />
              </li>
              <li>
                        <img class="main" src="_images/Site Objects/slides how/lrg_images/image06-photo_ed.png" />
                        <img class="thumb" src="_images/Site Objects/slides how/lrg_images/image06-photo_ed.png" />
              </li>
              <li>
                        <img class="main" src="_images/Site Objects/slides how/lrg_images/image05-nwsmag.png" />
                        <img class="thumb" src="_images/Site Objects/slides how/lrg_images/image05-nwsmag.png" />
              </li>
              <li>
                        <img class="main" src="_images/Site Objects/slides how/lrg_images/image04-litigation.png" />
                        <img class="thumb" src="_images/Site Objects/slides how/lrg_images/image04-litigation.png" />
              </li>
              <li>
                        <img class="main" src="_images/Site Objects/slides how/lrg_images/image03-creative.png" />
                        <img class="thumb" src="_images/Site Objects/slides how/lrg_images/image03-creative.png" />
              </li>
              <li>
                        <img class="main" src="_images/Site Objects/slides how/lrg_images/image02-corp.png" />
                        <img class="thumb" src="_images/Site Objects/slides how/lrg_images/image02-corp.png" />
              </li>
              <li>
                        <img class="main" src="_images/Site Objects/slides how/lrg_images/image01-bound.png" />
                        <img class="thumb" src="_images/Site Objects/slides how/lrg_images/image01-bound.png" />
              </li>
    </ul>
    </div>
              <div data-ertype="layout" data-ertemplateName="NONE" style="">                              <div class="erdots" style="overflow: hidden; margin: 0; position:absolute;right:0;top:9px;width:300px; font-size: 10px; font-family: 'Lucida Grande', 'Lucida Sans', Arial, _sans; color: #FFF;" data-erConfig="{showText:false}" align="center">
                                            <div class="erdots_wrap" style="wasbackground-color: #CFC; float: right;" align="left"> <!-- modify the float on this element to make left/right/none=center aligned. -->
                                                      <span class="erdots_btn_selected" style="padding-left: 0; width: 20px; height: 20px; display: inline-block; text-align: center; vertical-align: middle; line-height: 20px; margin: 0 0 0 5px; cursor: default; background: url(http://easyrotator.s3.amazonaws.com/1/i/rotator/dots/export/20_14_black_65.png) top left no-repeat;">
                                                      </span>
                                                      <span class="erdots_btn_normal" style="padding-left: 0; width: 20px; height: 20px; display: inline-block; text-align: center; vertical-align: middle; line-height: 20px; margin: 0 0 0 5px; cursor: pointer; background: url(http://easyrotator.s3.amazonaws.com/1/i/rotator/dots/export/20_14_black_35.png) top left no-repeat;">
                                                      </span>
                                                      <span class="erdots_btn_hover" style="padding-left: 0; width: 20px; height: 20px; display: inline-block; text-align: center; vertical-align: middle; line-height: 20px; margin: 0 0 0 5px; cursor: pointer; background: url(http://easyrotator.s3.amazonaws.com/1/i/rotator/dots/export/20_14_black_65.png) top left no-repeat;">
                                                      </span>
                                            </div>
                                  </div>
                                  <div class="ercats erFixCSS3" style="position:absolute; left:0; right: 320px; top: 0;" style_real="padding: 4px 8px; font-family: 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, _sans; font-size: 11px; color: #333; wasmargin: 0 50px 10px 50px; wasborder-radius: 6px; wasbackground-color: #EEE; wasborder: 1px solid #E0E0E0; overflow: hidden;">
                                            <div align="center">
                                              <!-- <div style="float: left; padding: 6px 18px 3px 0; font-weight: bold;">Title text!</div> -->
                                    </div>
                                            <div class="ercats_btn_selected erFixCSS3" style_real="float: left; padding: 3px 8px 4px 8px; border-radius: 4px; background-color: #FFF; box-shadow: 0 0 2px #999; wasborder: 1px solid #CFCFCF; color: #555; margin: 3px 9px 3px 0; cursor: default;">
                                              <div align="center">Title1 </div>
                                      </div>
                                            <div class="ercats_btn_normal erFixCSS3" style_real="float: left; padding: 3px 8px 4px 8px; border-radius: 4px; color: #666; cursor: pointer; margin: 3px 9px 3px 0;">
                                              <div align="center">Title2 </div>
                                            </div>
                                  </div>
                                  <div class="erimgMain" style="position: absolute; left:0; right:0; top:40px; bottom:0;" data-erConfig="{___numTiles:3, scaleMode:'fillArea', imgType:'main', __loopNextButton:false, arrowButtonMode:'rollover'}">
                                            <div class="erimgMain_slides" style="position: absolute; left:0; top:0; bottom:0; right:0;">
                                                      <div class="erimgMain_slide">
                                                                <div class="erimgMain_img" style="position: absolute; left: 0; right: 0; top: 0; bottom: 0;"></div>
                                                      </div>
                                    </div>
                                            <div class="erimgMain_arrowLeft" style="position:absolute; left: 10px; top: 50%; margin-top: -30px;" data-erConfig="{image:'circleBig', image2:'circleBig'}"></div>
                                            <div class="erimgMain_arrowRight" style="position:absolute; right: 10px; top: 50%; margin-top: -30px;" data-erConfig="{image:'circleBig', image2:'circleBig'}"></div>
                        </div><div class="erabout erFixCSS3" style="color: #FFF; text-align: left; background: #000; background:rgba(0,0,0,0.93); border: 2px solid #FFF; padding: 20px; font: normal 11px/14px Verdana,_sans; width: 300px; border-radius: 10px; display:none;">
                                  This <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/" target="_blank">jQuery slider</a> was created with the free <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/" target="_blank">EasyRotator</a> software from DWUser.com.
                                  <br /><br />
                Use WordPress? The free <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/wordpress/" target="_blank">EasyRotator for WordPress</a> plugin lets you create beautiful <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/wordpress/" target="_blank">WordPress sliders</a> in seconds.
                                  <br /><br />
                                  <a style="color:#FFF;" href="#" class="erabout_ok">OK</a>  
                        </div>
                        <noscript>
                                  Rotator powered by <a href="http://www.dwuser.com/easyrotator/">EasyRotator</a>, a free and easy jQuery slider builder from DWUser.com.  Please enable JavaScript to view.
                        </noscript>
                        <script type="text/javascript">/*Avoid IE gzip bug*/(function(b,c,d){try{if(!b[d]){b[d]="temp";var a=c.createElement("script");a.type="text/javascript";a.src="http://easyrotator.s3.amazonaws.com/1/js/nozip/easy_rotator.min.js";c.getElementsByTagName("head")[0].appendChild(a)}}catch(e){alert("EasyRotator fail; contact support.")}})(window,document,"er_$144");</script>
              </div>
    </div>
    <!-- End DWUser_EasyRotator -->
          <script type="text/javascript" src="http://c520866.r66.cf2.rackcdn.com/1/js/easy_rotator.min.js"></script>
        </div>
    <!-- End DWUser_EasyRotator --></div>
      </div>
      <div id="body">
        <div align="center"><img src="images/page templates/home pg tmplt blnk.png" alt="body"></div>
      </div>
      <div id="footer">
        <div align="center"><img src="images/Site Objects/footermainbck.png" alt="footer"></div>
      </div> 
    </div>
    </body>
    </html>
    Below is the code for the JQuery menu with sub and secondary sub menus:
    <!DOCTYPE html><!--[if IE 7]>
    <html lang="en" class="ie7 oldie"></html><![endif]--><!--[if IE 8]>
    <html lang="en" class="ie8 oldie"></html><![endif]-->
    <!-- [if gt IE 8] <!-->
    <html lang="en">
      <!-- <![endif]-->
      <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>FlexNav - Flexible, Device Agnostic Navigation</title>
        <link href="css/flexnav.css" media="screen, projection" rel="stylesheet" type="text/css">
        <link href="css/page.css" media="screen, projection" rel="stylesheet" type="text/css">
        <style type="text/css">
        body,td,th {
              font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
              font-size: 14pt;
        body {
              background-color: #FFF;
        a:link {
              color: #FFFFFF;
              text-decoration: none;
    a:visited {
              color: #FFF;
              text-decoration: none;
        a:hover {
              color: #F00;
              text-decoration: none;
    a:active {
              color: #900;
              text-decoration: none;
        </style>
        <script type="text/javascript" src="//use.typekit.net/qyb8ood.js"></script>
        <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
      </head>
      <body bgcolor="#FFFFFF" vlink="#FF0000" alink="#990000" class="home-page">
      <script src="http://code.jquery.com/jquery-1.9.0.js" type="text/javascript"></script>
      <script src="js/jquery.flexnav.min.js" type="text/javascript"></script>
        <div class="container">
          <header id="site-header">
            <div class="menu-button">Menu</div>
            <nav>
              <ul data-breakpoint="800" class="flexnav">
                <li><a href="HOME">HOME</a>
                <li><a href="About Us">ABOUT US</a>
                <li><a href="Products">PRODUCTS</a>
                  <ul>
                    <li><a href="Bound Products">Bound Products</a>
                      <ul>
                        <li><a href="Booklets">Booklets</a></li>
                        <li><a href="Catalogs & Magazines">Catalogs & Magazines</a></li>
                        <li><a href="Newsletters">Newsletters</a></li>
                        <li><a href="Presentation Books">Presentation Books</a></li>
                        <li><a href="Manuals">Manuals</a></li>
                      </ul>
                    </li>
                  <li><a href="Brochures">Brochures</a></li>
                    <li><a href="Business Cards">Business Cards</a></li>
                    <li><a href="CD & DVD Dupe">CD & DVD Duplication</a></li>
                    <li><a href="Copies">Copies</a></li>
                    <li><a href="Corp. ID">Corporate ID</a></li>
                    <li><a href="Flyers">Flyers</a></li>
                    <li><a href="Forms">Forms</a></li>
                    <li><a href="Menus">Menus</a></li>
                    <li><a href="Photo Collages">Photo Collages</a></li>
                    <li><a href="Photo Enlargements">Photo Enlargements</a></li>
                    <li><a href="Postcards">Postcards</a></li>
                    <li><a href="Rack Cards">Rack Cards</a></li>
                    <li><a href="Wide Format">Wide Format</a>
                      <ul>
                        <li><a href="Banners">Banners</a></li>
                        <li><a href="Posters">Posters</a></li>
                        <li><a href="Signs">Signs</a></li>
                      </ul>
                    </li>
                  </ul>
                </li>
                <li><a href="Services">SERVICES</a>
                  <ul>
                    <li><a href="Litigation">Litigation Services</a></li>
                    <li><a href="Creative">Creative Services</a></li>
                  </ul>
                </li>
                <li><a href="FAQs">FAQs</a>
                <li><a href="Contact Us">CONTACT US</a>
              </ul>
            </nav>
          </header>
          \ </div>
        <script type="text/javascript">$(".flexnav").flexNav();</script>
    </body>
    </html>

    Ok, I managed to place the menu within the site, but I still don't have a horizontal menu. All I can see is the unordered list. 
    (see below).
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <!doctype html>
    <!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
    <!--[if IE 7]>    <html class="ie7 oldie"> <![endif]-->
    <!--[if IE 8]>    <html class="ie8 oldie"> <![endif]-->
    <!--[if gt IE 8]><!-->
    <html class="">
    <!--<![endif]-->
    <head>
    <meta charset="UTF-8">
    <title>Home Page</title>
    <meta name="view" name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="X-UA-Compatible" content="IE=9 />
    <link href="boilerplate.css" rel="stylesheet" type="text/css">
    <link href="css/master.css" rel="stylesheet" type="text/css">
    <!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <script src="http://code.jquery.com/jquery-1.9.0.js" type="text/javascript"></script>
    <script src="js/jquery.flexnav.min.js" type="text/javascript"></script>
    <style type="text/css">
    img {margin:6px; border:solid 2px #FFF;}
    img:hover  {background: #666;}
    </style>
    <link href="styles/navbar stylesheet new.css" ref="stylesheet" type="text/css" />
    </head>
    <body>
    <div class="gridContainer clearfix">
      <div id="LayoutDiv1">
        <div align="center"><img src="images/Site Objects/headermain.png" alt="header"></div>
      </div>
      <div id="navbar"><script src="http://code.jquery.com/jquery-1.9.0.js" type="text/javascript"></script>
      <script src="js/jquery.flexnav.min.js" type="text/javascript"></script>
        <div class="#"
            <div class="menu-button"></div>
            <nav>
              <ul data-breakpoint="800" class="flexnav">
                <li><a href="HOME">HOME</a>
                <li><a href="About Us">ABOUT US</a>
                <li><a href="Products">PRODUCTS</a>
                  <ul>
                    <li><a href="Bound Products">Bound Products</a>
                      <ul>
                        <li><a href="Booklets">Booklets</a></li>
                        <li><a href="Catalogs & Magazines">Catalogs & Magazines</a></li>
                        <li><a href="Newsletters">Newsletters</a></li>
                        <li><a href="Presentation Books">Presentation Books</a></li>
                        <li><a href="Manuals">Manuals</a></li>
                      </ul>
                    </li>
                  <li><a href="Brochures">Brochures</a></li>
                    <li><a href="Business Cards">Business Cards</a></li>
                    <li><a href="CD & DVD Dupe">CD & DVD Duplication</a></li>
                    <li><a href="Copies">Copies</a></li>
                    <li><a href="Corp. ID">Corporate ID</a></li>
                    <li><a href="Flyers">Flyers</a></li>
                    <li><a href="Forms">Forms</a></li>
                    <li><a href="Menus">Menus</a></li>
                    <li><a href="Photo Collages">Photo Collages</a></li>
                    <li><a href="Photo Enlargements">Photo Enlargements</a></li>
                    <li><a href="Postcards">Postcards</a></li>
                    <li><a href="Rack Cards">Rack Cards</a></li>
                    <li><a href="Wide Format">Wide Format</a>
                      <ul>
                        <li><a href="Banners">Banners</a></li>
                        <li><a href="Posters">Posters</a></li>
                        <li><a href="Signs">Signs</a></li>
                      </ul>
                    </li>
                  </ul>
                </li>
                <li><a href="Services">SERVICES</a>
                  <ul>
                    <li><a href="Litigation">Litigation Services</a></li>
                    <li><a href="Creative">Creative Services</a></li>
                  </ul>
                </li>
                <li><a href="FAQs">FAQs</a>
                <li><a href="Contact Us">CONTACT US</a>
              </ul>
            </nav>
          </header>
          </div>
        <script type="text/javascript">$(".flexnav").flexNav();</script>
      </div>
      <div id="body">
        <div align="center"><img src="images/page templates/home pg tmplt blnk.png" alt="body"></div>
      </div>
      <div id="footer">
        <div align="center"><img src="images/Site Objects/footermainbck.png" alt="footer"></div>
      </div> 
    </div>
    </body>
    </html>

  • Page Viewer Web Part with horizontal scrollbar

    Hi,
    I added a page viewer webpart to a sharepoint 2013 website and placed a reporting services report url on it, however in some users the browser shows a horizontal scroll bar and cuts the report area. This is not version related because
    I can see it well in IE10 in one user and in others it shows the reported problem.
    Seems to be browser settings. Any ideas?
    Thank you

    Hi,
    According to your post, my understanding is that some users’ browser shown a horizontal scroll bar in the page view web part.
    You can disable the horizontal using the CSS style as the following.
    <style type="text/css">
    #WebPartWPQ3 {
        OVERFLOW-X: hidden !important
    </style>
    Note: the WebPartWPQ3  is the webpart ID.
    You can find the ID as the following thread:
    http://sharepoint.stackexchange.com/questions/29649/disable-horizontal-scroll-bar-on-navigation-web-part-in-sharepoint-2010
    Instead of using page viewer web part, you can also use the content edit web part with IFrame, and some JavaScript to achieve it.
    For more information:
    http://majidbaig.blogspot.in/2012/07/page-viewer-web-part-dynamic-height.html
    There is a similar thread for your reference.
    http://stackoverflow.com/questions/368480/removing-scrollbars-from-content-editor-page-viewer-webpart
    Thanks & Regards,
    Jason
    Jason Guo
    TechNet Community Support

  • Some web sites do not display a horizontal scroll bar but IE does

    For example: http://shop.ghirardelli.com/category-exec/category_id/35/nm/Sale/?utm_source=chocomail&utm_medium=pos1_save10-30DL&utm_campaign=20111124

    That site uses CCS code (overflow-x:hidden) to hide the horizontal scroll bar.<br />
    It is also missing in Google Chrome.

  • Spry Horizontal submenu hidden behind image

    This is driving me nuts. I am using Dreamweaver CS4. I have created a horizontal menu bar just above an image. When i hover over the main menu item the submenu is hidden behind the image. I have not been able to figure this one outy. i am very new to CSS and Dreamweaver. This is a template that i want to use across my entire site. You can goto http://www.gray-wolf.net/MainPages.html.
    @charset "UTF-8";
    /* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
    LAYOUT INFORMATION: describes box model, positioning, z-order
    /* The outermost container of the Menu Bar, an auto width box with no margin or padding */
    ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: auto;
    width: 800px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #008080;
    height: 40px;
    float: left;
    top: 100px
    /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
    ul.MenuBarActive
    z-index: 1000;
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 8em;
    float: left;
    /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
    ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 8.2em;
    position: absolute;
    left: -1000em;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarHorizontal ul li
    width: 8.2em;
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul
    position: absolute;
    margin: -5% 0 0 95%;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: auto;
    top: 0;
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* Submenu containers have borders on all sides */
    ul.MenuBarHorizontal ul
    border: 1px solid #CCC;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    background-color: #EEE;
    padding: 0.5em 0.75em;
    color: #333;
    text-decoration: none;
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    background-color: #33C;
    color: #FFF;
    width: auto;
    /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-color: #33C;
    color: #FFF;
    SUBMENU INDICATION: styles if there is a submenu under a given menu item
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarDown.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarDownHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarRightHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    BROWSER HACKS: the hacks below should not be changed unless you are an expert
    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
    ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
    filter:alpha(opacity:0.1);
    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
    @media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
    display: inline;
    float: left;
    background: #FFF;

    Your unexpected (and undesired) wolf call on entering that page scared the begesus outta me.  Most people don't take kindly to such surprises!
    You do realize that the page you linked to is a TEMPLATE page, but it is named with an HTML extension, right?  You did that just to show us the template?
    Also, it appears that you have built your entire site inside of the Templates folder -
    <a href="Templates/pgpage1.htm" title="Page 1 of my Photo Gallery">
    That's improper.  Nothing should be in the Templates folder other than the template files themselves.
    Finally, your use of absolute positioning as a primary page layout method is going to get you into serious trouble.  Please read this -
    http://apptools.com/examples/pagelayout101.php
    Now - here's the problem:
    You have applied a style of 'overflow:hidden' to div#nav.  Remove that.  With that in place, the submenus cannot flow OUT of div#nav.

  • Horizontal scroll bar missing after switch to Apex 4 theme

    Hi,
    I upgraded Apex to 4.02 and switch my application theme from old 3.2 theme to new Apex 4.0 theme,
    I found that all the Apex 4.02 won't show horizontal scroll if the interactive report width larger than the browser windows width.
    Is this the default behaviour of all the 4.0 theme?
    How can I change it to display the horizontal scroll bar.
    Thanks
    Vincent

    How about editing the template with some css?
    something like this should fix your problems (worked fine for me)
    #two-col
    overflow: auto;
    dont forget to change the template body (Shared Components --> Templates --> Edit Page Template )
    (div class="tab-holder")
    #REGION_POSITION_04#
    (/div)
    note: I reversed the tags to ( ) because it dont shows them else
    Edited by: Blacksev on 26.01.2012 22:21
    Edited by: Blacksev on 26.01.2012 22:57
    Edited by: Blacksev on 26.01.2012 22:58

  • Horizontal scroll bar in selectOneMenu tag

    Hi,
    I am using selectOneMenu tag to show the data. The data size is larger than the size of selectOneMenu tag. Inspite of increasing the size of tag,
    I want to add a horizontal scroll bar.
    Can someone please suggest me, how to achieve this?
    Thanks in advance.
    Regards,
    Rahul

    Hi,
    As suggested, I am using div tag to set the horizontal scroll bar in SelectOneMenu tag. The way I'm using it :-
    <div style="overflow-x:scroll; width:140px;">
    <h:selectOneMenu
              id="eventType"
              styleClass="standardInput"
              required="true"
              tabindex="40"
              onchange="clearMessage(this);"
              value="#{UserBean.activeEvent.eventType}"
              onkeydown="searchSelect( event);"
              onblur="searchBlur(event);" >
    <f:selectItems value="#{ReferenceLists.eventTypeList}" />
    </h:selectOneMenu>
    </div>
    This is adding the scroll bar outside the selectOneMenu tag but I want it in the dropdown window.
    Please suggest me, how to resolve the issue.
    Regards,
    Rahul

  • Horizontal Scroll Box in Adobe Edge

    Hello!
    I am very new to html and css coding. I've been teaching myself adobe edge animate to build a website from scratch since it is very similar to After Effects, a program i am comfortable with.
    I was wondering how would i go about making a horizontal scroll container that would house image files.
    Here is an example: http://golfwang.com/fall-winter-2013-lookbook/
    This site translates very well to mobile as well, you can swipe with your fingers in either direction to get the box to scroll. Thank you in advance for any input on the subject.

    Thank you Zaxist.
    I actually ended up using your post from this thread to solve my problem: http://forums.adobe.com/thread/1144336
    I just did everything you said, i took all my pictures and made them a symbol followed by changing the overflow size and setting it to auto.
    The only problem im getting now is it wont switch to the custom scroll bar. Does it specifically only work with Text? Like i said before, i have no knowledge of html or css, i just barely understand the concepts and where to drop in my div tags, etc.

  • Horizontal scroll bar in Firefox

    Hi,
    I've managed to get rid of horizontal scroll bars in a page
    in IE - and it looks fine in Safari too - but in Firefox there's a
    horizontal scroll bar.
    Any ideas how to get rid of that?
    It here:
    http://www.mywebspinners.
    com/garrigae/hr/index-F.php
    Click on the 'Plus...' below the text - and you'll see the
    scroll bar appear.
    Thanks,
    - Greg

    On 25 Jul 2007 in macromedia.dreamweaver, GregInFrance wrote:
    > I've managed to get rid of horizontal scroll bars in a
    page in IE -
    > and it looks fine in Safari too - but in Firefox there's
    a
    > horizontal scroll bar.
    >
    > Any ideas how to get rid of that?
    >
    > It here:
    http://www.mywebspinners.
    com/garrigae/hr/index-F.php
    >
    > Click on the 'Plus...' below the text - and you'll see
    the scroll
    > bar appear.
    Don't use divs with overflow set to auto. It results in
    internal
    scrollbars in the page, which (IMHO) are not a good thing.
    They only
    make navigating the page harder.
    Joe Makowiec
    http://makowiec.net/
    Email:
    http://makowiec.net/contact.php

  • Spry Horizontal drop downs not working in Chrome or FF

    Hi,
    I used the Spry Horizontal Drop downs, and they work fine locally and in IE, but not in Chrome or FF, you can't see the drop down sub menus. I'm using DW cs3, updated spry 1.6.1
    Here is a link to the site
    http://youcanseeithere.com/spa4/index.html
    thanks so much, any help would be greatly appreciated

    This is where your problem lies
    #header {width:100%; overflow:hidden;}
    The best way out of this is to make logo.png a background image

Maybe you are looking for

  • Macbook Pro shutdown on wake from sleep

    Hi there, I recently upgraded my Macbook Pro (4,1) to Lion, and it worked fine for a couple of weeks but it has now started shutting down (straight to black screen) every time I wake it from sleep, whether sleeping closed or open. I have tried an SMC

  • New g/l a/c configuration

    Hi, PLZ can any one send new g/l a/c configuration. My Email Id is [email protected] awarded points Regards, JC

  • How can I see the size of my music library in iTunes?

    How can I tell the size of my music library in iTunes?

  • Clear GL account - FBL3n shows net '0'

    Hello   I have a GL posting which is seen as 500,000 and 500,000 in FBl3n. Net is 0. I want to clear that out from the system. So, I went to F-03. but it says "There are no open item managed for tthis GL'. How can I clear this GL. Please help, how ca

  • Iphone4 screen does not react

    Can't switch on my IPhone4 anymore, although it's charged. When it comes to the screen to unblock it it does not accept any entries, no reaction. I already tried with holding both the sleep and home buttoms...doesn't help either. It also shows the me