Accordion with Vertical Navigation problem

Following tutorial about phone layout accordion/vertical navigation menu encountering following problem in my original file:
Create accordion - ok (style to my pref)
Insert vertical navigation - ok (style to my pref)
When trying to resize the v/nav to hit the red line on browser edge - both left and right, in preview and in mobile simulator the navigation panels don't expand accordingly to the width of the mobile screen.
If try with only accordion with no menu all ok. As soon as I add the navigation and try to size to hit the red guides indicating that it will resize with browser size, when preview it doesn't as described above.
Any suggestions?
Thanks
Sam

If you DO want the slideshow overlaping the navigation try the below css:
.sidebar1 {
    float: left;
    width: 225px;
    margin: 60px 0px 60px 60px;
    color: #FFFF0D;
    background: #595FFF;
    border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    padding: 5px 5px 0px 5px;
    border: 3px solid #F7F723;
.box {
float: left;
margin-left:-60px;
width:700px;
height:350px;
border-radius: 13px;
-moz-border-radius: 13px;
-webkit-border-radius: 13px;

Similar Messages

  • Problem with jquery slide show conflict with vertical navigation menu in Firefox & Chrome

    Problem with jquery slide show conflict with vertical navigation menu in Firefox & Chrome. Works in IE. This is my first time trying to post a question - so please be kind. I am also not good with code and am finding css a real challenge after learning to design based on tables. I'm using CS5.
    The "test" page with the slide show is: http://www.reardanwa.com/index-slides.html   The same page without the slide show is http://www.reardanwa.com/
    I realize the images are not ideally sized - I'll fix those once I get the pages to function.  Maybe I need a different slide show? I would prefer a widget that I can modify to required size & postition. Again - I'm not good at building with code from scratch.
    The problem is the naviagation links that are directly next to the slide show do not work in Firefox of Chrome. They do work in IE.
    I've read about using jQuery.noConflict(); code but can't figure out the correct way to use it in my case or whether that's even part of the solution. I know my code is not well organized as I have cobbled together from various sources in an attempt to format the page the way the client wants it. Also, FYI, I will eventually try to make the page work in Surreal CMS.
    I've spent sevaral days over the last several weeks trying to solve sth slide show/navigation conflict - so any specific light you can shed will be much appreciated.
    Thanks in advance.
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Reardan Area Chamber of Commerce</title>
    <meta name="description" content="home page for Reardan Area Chamber of Commerce" />
    <meta name="keywords" content="Reardan WA, chamber of commerce" </>
    <script src="scripts/jquery-1.6.min.js" type="text/javascript"></script>
    <script src="scripts/jquery.cycle.all.js" type="text/javascript">  </script>
    <script type="text/xml">
    </script>
    <style type="text/css">
                                  #slideshow { 
                                      padding: 10px;
                                            margin:0; 
                                  #slideshow-caption{
                                            padding:0;
                                            margin:0;
                                  #slideshow img, #slideshow div { 
                                      padding: 10px;
                                      background-color: #EEE;
                                      margin: 0;
    body {
              font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
              background: #004B8D;
              margin: 0;
              padding: 0;
              color: #000;
    /* ~~ Element/tag selectors ~~ */
    ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
              padding: 0;
              margin: 0;
    h1, h2, h3, h4, h5, h6, p {
              margin-top: 0;           /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
               /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
    .left
    position:absolute;
    left:0px;
    .center
    margin:auto;
    width:95%;
    .box
              position:relative;
              left:-90px;
              width:950px;
              height:350px;
              border-radius: 13px;
        -moz-border-radius: 13px;
        -webkit-border-radius: 13px;
              z-index:1000;
    .slide{
        position:absolute;
    a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
              border: none;
    /* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
    a:link {
              color: #42413C;
              text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
    a:visited {
              color: #6E6C64;
              text-decoration: underline;
    a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
              text-decoration: none;
    /* ~~this fixed width container surrounds the other divs~~ */
    .container {
              width: 960px;
              min-height:900px;
              padding:5px 0px 0px 0px;
              background: #E8F8FF;
              margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
    /* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
    .header {
              background: #E8F8FF;
              padding:10px 5px 0px 5px;
    .sidebar1 {
              float: left;
              width: 225px;
              margin: 60px;
              color: #FFFF0D;
              background: #595FFF;
              border-radius: 13px;
        -moz-border-radius: 13px;
        -webkit-border-radius: 13px;
              padding: 5px 5px 0px 5px;
        border: 3px solid #F7F723;
        z-index:-1;
    .sidebar2 {
              float: left;
              width: 275px;
              color: #FFFF0D;
              text-align: left;
              background: #595FFF;
              padding-bottom: 10px;
              border-radius: 13px;
        -moz-border-radius: 13px;
        -webkit-border-radius: 13px;
        border: 3px solid #F7F723;
        z-index:2;
    .sidebar3 {
              float: left;
              width: 275px;
              color: #FFFF0D;
              text-align: left;
              background: #595FFF;
              padding-bottom: 10px;
              border-radius: 13px;
        -moz-border-radius: 13px;
        -webkit-border-radius: 13px;
        border: 3px solid #F7F723;
        z-index:3;
    .content {
              padding: 0px 0px 0px 0px;
              width: 780px;
              float: left;
              background: #E8F8FF;
    /* ~~ This grouped selector gives the lists in the .content area space ~~ */
    .content ul, .content ol {
              padding: 0px 15px 5px 10px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
    /* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
    ul.nav {
              list-style: none; /* this removes the list marker */
              border-top: 0px solid #FFFF66; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
              margin-bottom: 50px; /* this creates the space between the navigation on the content below */
              font: Arial Black, Verdana, , Helvetica, sans-serif;
              font-size:1.3em;
              font-weight:bold;
              z-index:2;
    ul.nav li {
              border-bottom: 0px solid #FFFF66; /* this creates the button separation */
              font: 120%/1.4 Arial Black, Verdana, , Helvetica, sans-serif;
    ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
              padding: 3px 0px 5px 0px;
              display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
              width: 185px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
              text-decoration: none;
              color: #FFFF0D;
              background: #595FFF;
    ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
              background: #595FFF;
              font: 120%/1.4 Arial Black, Verdana, , Helvetica, sans-serif;
              color: #FFFFFF;
    /* ~~ The footer ~~ */
    .footer {
              padding: 10px 0;
              background:  #595FFF;
              color: #FFFF0D;
              position: relative;/* this gives IE6 hasLayout to properly clear */
              clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
    /* ~~ miscellaneous float/clear classes ~~ */
    .fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
              float: right;
              margin-left: 8px;
    .fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
              float: left;
              margin-right: 8px;
    .clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
              clear:both;
              height:0;
              font-size: 1px;
              line-height: 0px;
    -->
    </style>
    </head>
    <body>
    <div class="container">
      <div class="header"><!-- end .header -->
      <a href="#"><img src="images/Chamber-Logo-2.gif" alt="Reardan Chamber Logo" width="187" height="163" hspace="10" vspace="5" align="top" /></a><img src="images/Reardan-Chamber-Title.gif" width="476" height="204" alt="Reardan Area Chamber of Commerce, Dedicated to Preserving and Enhancing Area Businesses" /><p></p>
      <p style="color: #F00">This Site is under construction! Please pardon our dust as we create!</p>
      </div>
      <div class="sidebar1">
        <ul class="nav">
          <li><a href="about.html">About Us</a></li>
          <li><a href="history.html">Reardan History</a></li>
          <li><a href="activities.html">Activities</a></li>
          <li><a href="business.html">Business<br />
            Directory</a></li>
          <li><a href="about.html">Join the<br />
            Chamber</a></li>
           <li><a href="links.html">Links<br />
      <span style="font-size: 85%">Tourism</span><br />
          </a></li>
        </ul>
         <!-- end .sidebar1 --></div>
    <br />
    <br />
    <br />
    <br />
    <div class="box" +"slide">
      <script type="text/javascript">
    // BeginOAWidget_Instance_2559022: #slideshow
                               slideshowAddCaption=true;
    $(window).load(function() {
      $('#slideshow').cycle({
                        after:                              slideshowOnCycleAfter, //the function that is triggered after each transition
                        autostop:                              false,     // true to end slideshow after X transitions (where X == slide count)
                        fx:                                        'blindX',// name of transition effect
                        pause:                              false,     // true to enable pause on hover
                        randomizeEffects:          true,  // valid when multiple effects are used; true to make the effect sequence random
                        speed:                              100,  // speed of the transition (any valid fx speed value)
                        sync:                              true,     // true if in/out transitions should occur simultaneously
                        timeout:                    5000,  // milliseconds between slide transitions (0 to disable auto advance)
                        fit:                              true,
                        height:                       '300px',
                        width:         '525px'   // container width (if the 'fit' option is true, the slides will be set to this width as well)
    function slideshowOnCycleAfter() {
              if (slideshowAddCaption==true){
                                  $('#slideshow-caption').html(this.title);
    // EndOAWidget_Instance_2559022
      </script>
      <div id="slideshow">
        <!--All elements inside this will become slides-->
        <img src="images/100_1537.jpeg" width="600" height="450" title="caption for image1" /> <img src="images/Parade-2011-2.jpg" width="300" height="225" title="caption for image2" /> <img src="images/100_1495.jpeg" width="600" height="450" title="caption for image3" />
        <div title="sample title"> Images for slide show will need to be re-sized to fit box to avoid distortion</div>
        <img src="images/beach4.jpg" width="200" height="200" title="caption for image4" /> <img src="images/beach5.jpg" width="200" height="200" title="caption for image5" /> </div>
      <!--It is safe to delete this if captions are disabled-->
      <div id="slideshow-caption"></div></div>
    <div class="sidebar2" "anotherClass editable"><p align="center"><strong>Chamber News</strong><br />
    Local News item
    <br />
    Another New item</p>
      <p align="center">lots of news this week<br />
        <br />
        <br />
        <br />
      </p>
    </div>
    <div class="sidebar3" "anotherClass editable"><p align="center"><strong>Upcoming Events</strong></p>
      <div align="center">    <a href="activities.html" style="color: #FFFF0D">Community wide yard sales</a><br />
        <br />
        <br />
        <br />
        <br />
      </div>
    </div>
    <div class="content"><br />
    <br />
    </div>
    <div class="footer">
            <p align="center"><span style="font-size: small">Reardan Area Chamber of Commerce</span><br />
              <span style="font-size: x-small">[email protected]  - 509.796.2102</span><br />
            </p>
            <!-- end .footer -->
    </div></body>
    </html>

    If you DO want the slideshow overlaping the navigation try the below css:
    .sidebar1 {
        float: left;
        width: 225px;
        margin: 60px 0px 60px 60px;
        color: #FFFF0D;
        background: #595FFF;
        border-radius: 13px;
        -moz-border-radius: 13px;
        -webkit-border-radius: 13px;
        padding: 5px 5px 0px 5px;
        border: 3px solid #F7F723;
    .box {
    float: left;
    margin-left:-60px;
    width:700px;
    height:350px;
    border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;

  • Html with flash navigation problems

    I working on a clients website that's hosted by a very limited server but refuse to leave it. They are forcing me too use an applet to ftp files to the server, so just imagine the limitations. So I can't make php & tpl files (like a header.tpl, content.tpl and a footer.tpl) which would be helpful because the client requires me to make a small change on only the top at least once a month and there are over 100 html files that would need to be changed. So after doing this now 3 times i started searching for ways around it. After being stung by a bee in the forehead I remembered using <iframe> a long time ago and was thinking i might be able to use this. So I tried it but unfortunately when you hit a button in the flash (.swf) file that's in the html referenced in the <iframe> the flash just reloads and plays again like a play it again button.
    So is the problem the action script:
    about_btn.addEventListener(MouseEvent.CLICK,aboutMe);
    function aboutMe(e:MouseEvent):void {
    var aboutLink=new URLRequest("http://www.monarchfurniture.com/about.html");
    navigateToURL(aboutLink,"_self");
    or is it something with the iframe tag?
    I'm using cs4 and here is a link to the test page:
    http://www.monarchfurniture.com/test/
    PLEASE HELP ME!!!!!!!!!!!!!!!!!! and the bee sting is really itchy

    Ok so i've been screwing around with this problem of mine and can't believe it was starring me in the face. I changed "_self" to "_parent" and I when it worked I almost fainted. Hopefully this will help someone else.

  • Accordion panels as navigation

    Hi i want to use the accordion panels as navigation problem is when I load a new page the widget defaults to open on the first panel. I would like it to stay open on the panel which the link was made from also I can't figure the css to target the "AccordionPanelContent" and adjust :active.
    Thanks dan

    sorry ben don't know what you mean code below
    cheers Dan
    <!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"><!-- InstanceBegin template="/Templates/index.dwt.php" codeOutsideHTMLIsLocked="false" -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>DDI</title>
    <!-- InstanceEndEditable -->
    <link href="ddi.css" rel="stylesheet" type="text/css" />
    <link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
    <script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
    <script src="SpryAssets/SpryURLUtils.js" type="text/javascript"></script>
    <script>
    var params = Spry.Utils.getLocationParamsAsObject();
    </script>
    <!-- InstanceBeginEditable name="head" -->
    <link href="ddi.css" rel="stylesheet" type="text/css" />
    <link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
    <script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
    <script src="SpryAssets/SpryURLUtils.js" type="text/javascript"></script>
    <script>
    var params = Spry.Utils.getLocationParamsAsObject();
    </script>
    <!-- InstanceEndEditable -->
    </head>
    <body>
    <div id="wrapper">
    <div id="big_holder"><!-- InstanceBeginEditable name="main_holder" -->
    <div id="wrapper">
    <div id="big_holder">
      <div id="main_holder">
        <?php include "logo_topnav.php" ?><div id="main_pic"><?php include "gallery_print_1.php" ?><br />
    hover on image to control</div>
        <div id="left_holder">
          <div id="copyheader">
           <a href="images/our-work_TV.gif"><img src="images/our-work_TV.gif" width="150" height="49" /></a>
    <!--///*end copyheader*/--></div>  
        <div id="left_nav">
            <?php include "nav.php" ?>
    <!--///*end left_nav*/--></div>
        <!--///*end left_holder*/--></div>    <div id="main_text">
    DDI's close association with the print media, especially the glossies, has given rise to a number of special opportunities from inverting imagery to capture attention, to stitching sealed envelopes into the editorial sections and taking over entire covers!
        <!--///*end main_text*/--></div>
        <br class="clearfloat" />
    <!--///*end main_holder*/--></div> 
      <div id=footer>
        <?php include "footer.php" ?>
        <!--///*end footer*/--></div>
    </div>
    <!--///*end wrapper*/--></div>
    <script>var Accordion1 = new Spry.Widget.Accordion("Accordion1", { useFixedPanelHeights: false });
    var Accordion1 = new Spry.Widget.Accordion("Accordion1", {defaultPanel: params.panel ? params.panel: 0});
    </script>
    <!-- InstanceEndEditable -->
    <!--///*end wrapper*/--></div>
    </body>
    <!-- InstanceEnd --></html>

  • After Migrating from 10g to 11g Geeting problems with Guided navigations.

    After Migrating from 10g to 11g Geeting problems with Guided navigations and section navigations not working.
    And we are getting the following error <<odbc driver returned an error (SQLExecDirectW)>> where we have used navigations.
    In 10G we have Guided navigation Reports to display the Reports links and intermediate reports for conditionally displaying the Dashboard section(Reports) but after migrating to 11g Guided navigation reports and conditional reports are not working..
    We know that in 11g section navigation replaced with conditions and Guided navigation replaced with action link.. but
    do we need to recreate those reports in actions and condition or is there any work around avoid reworking.

    Hi Both,
    Thanks for the reply ...
    For Guided navigation we are getting like below error:
    Odbc driver returned an error (SQLExecDirectW).
    For Conditional dashboard section we are getting like below error:
    "saw.aViewsToRefresh = [];saw.aViewsToRefresh['d:dashboard~p:1egt6il5utl0uu8n~s:3jsmgfs3c1r4tn7c~n:condition'] = true;saw.aViewsToRefresh['d:dashboard~p:1egt6il5utl0uu8n~s:nos5q43jvjmi643b~n:condition'] = true;"

  • Still having navigation problems and need help with how to debug

    Hi,
    I've been porting over a servlet project to JSF and I'm still having navigation problems. I thought the problem might have been because the original project used HTML frames and so the "from-view-id" JSP defined the frame/framesets and the specific JSP that does the submit (and so is named in the "from-view-id" is never defined in a "to-view-id" attribute). I've now switched to using an IFRAME, and that resolves that problem. So now the JSP is defined in a "to-view-id" attribute and it includes an named IFRAME that can be used as a target. I press the submit button and I get not the JSP expected butinstead the same JSP displayed inside its own IFRAME.
    Here is the code for the submit. I've simplified it as much as possible with a static action (originally it was a call to a method) just to try and get things to work. This is the current version:
    <h:commandButton value="View Alias" action="foo" styleClass="select" type="submit" />Here is the navigation rule in faces-config.xml. Again, the problem is that SelectManager get redisplayed in the IFRAME instead of display.jsp.
    <navigation-rule>
       <from-view-id>/SelectManager.jsp</from-view-id>
       <navigation-case>
          <from-outcome>foo</from-outcome>
          <to-view-id>/display.jsp</to-view-id>
       </navigation-case>
    </navigation-rule>I have also tried it without the "from-outcome-value" which I presume means that the "to-view-id" gets displayed unconditionally and it still fails. Any ideas on how I can debug this? (I'm using GlassFish if that's important to know)
    Rob Tanner
    Linfield College

    Raymond, The real trick is avoid doing technical things when coming down with the flu (I should also add that I'm a JSF newbie). Reading your original message this time I see what you're suggesting and found a conversion error although I don't understand it. Here's the code (including the <h:message/>):
                <h:selectOneMenu value="#{members.dcodes}"
                  style="color: #7f0000" id="selector">
                  <f:selectItems value="#{members.departmentList}" />
                </h:selectOneMenu> 
                <h:message for="selector" style="color:white"/>And here's a snippet of the generated HTML:
    <select id="j_id_id26:selector" name="j_id_id26:selector" size="1" style="color: #7f0000">
             <option value="aad" selected="selected">Academic Advising</option>
         <option value="aaf">Academic Affairs</option>
         <option value="adm">Admission</option>
         <option value="up">Upward Bound</option>
    </select>If I select "Admission" for example, the error I get is:
    Conversion Error setting value 'adm' for 'null Converter'.Since everything is a String value, I don't get the error. Could someone please enlighten me.
    Thanks.

  • Weird problem with vertical text in a table

    Hello,
    I am new on this forum, usually I don't post because I always find the answer to my question, but this is something quite weird...
    I have a table with vertical text in it (it has to be vertical because the cells are narrow). And I want it to be centered in the cell, both vertically and horizontally. When the cell is high enough, no problem. But as it becomes shorter, the text moves to the left. It is exactly as if there was a right margin within the cell, which is not the case.
    See the example below : I had the text right-aligned (this is to say, bottom-aligned, as it is 270° rotated) to make it more visible.
    Can someone help me there ? I already spent hours on that problem..!
    Thank you very much !

    Only, my table contents both vertical and horizontal text, so I can't. But thanks for the suggestion.
    Thank you kindly for all your answers. Anyway, re-writing the text in separate frames won't be so difficult (anyway it'll always take less time than what that problem already did..).
    So I have a solution, thanks to Phorna
    But remains the frustration of not finding the reason of this ! I will live along with it
    Thanks to all

  • I have a problem with vertical images burned on a cd

    I have a problem with vertical images burned on a cd either from a Mac or a stand alone burner. What happens is the images come from the card and are put on the cd. Also note the the camera has been set for the computer to automatically show images vertically when shot that way. The images look good on my Mac, but are horizontal on windows computers. Both XP and Vista. What can be done?
    John

    Hi, thank you for the response... not sure looks that the battery its ok, I'm not sure.
      Charge Information:
      Charge remaining (mAh):    4356
      Fully charged:    Yes
      Charging:    No
      Full charge capacity (mAh):    4356
      Health Information:
      Cycle count:    813
      Condition:    Normal
      Battery Installed:    Yes
      Amperage (mA):    0
      Voltage (mV):    12571

  • Using Spry Vertical Navigation with Templates-Need to indicate current page

    Using Spry Vertical Navigation with the Dreamweaver templates.  Using editable attributes etc., the current page mennu item does not seem to be changing.  How do you indicate the. current page.

    Persistent Page Indicator on Site Wide CSS Menus:
    http://alt-web.com/Articles/Persistent-Page-Indicator.shtml
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

  • Mouse navigations problem with Sun Java 1.5.0_*

    Hello gurus,
    We need to move from JInitiator to Sun Java Plugin; according to the Forms10g Client Platform Support (http://www.oracle.com/technology/products/forms/htdocs/10gR2/clientsod_forms10gR2.html) one of the certified version for Forms 10.1.2.0.2 of the the Sun Java Plugin is 1.5.0_06 and Internet Explorer 6.0, we have tested also SJPI 1.5.0_09 and we get the same mouse navigation problem reported in the following Oracle Forum threads.
    Mouse navigation don't work with Java Plugin.
    Mouse navigation don't work with Java Plugin.
    Forms 10gR2, Sun Java 1.5.0_06 gives mouse problems
    Forms 10gR2, Sun Java 1.5.0_06 gives mouse problems
    Does anybody know a solution to this problem?
    Any help will be really appreciated.
    Regards,
    Victor.

    You need to use 1.5.0_12 or newer. The client SOD is not up-to-date on this specific point. A lot of navigation problems was fixed in this very release.
    The Management team should change this in the client SOD, wonder why they still refer to 1.5.0_06. For Applications, the first 1.5.0 to be certified was _12.
    Also make sure, that you are using the latest Patch 3 for 10.1.2 (10.1.2.3). This patch also contains fixes for a lot of these wellknown issues.
    Hope this helps,
    Jacob

  • Problems with vertical cell borders and the default table style

    When laying out tables in Word, I like to use thin horizontal lines (cell borders) and thick-ish white vertical lines. The vertical white cell borders create a subtle negative space that is less cluttered than the typical boxed-in-all-sides style.
    Issue 1.
    In Pages, horizontal cell borders seem to take precedence over vertical cell borders so my vertical white line trick doesn't work. Is there a way to force my vertical white cell borders to "show up" over my think black horizontal cell borders?
    Issue 2.
    So, for the time being, I'm not using vertical white cell borders in tables; instead, I set the vertical cell borders to "none." Unfortunately, when I try to set the default table style using a table with no vertical cell borders, Pages adds the vertical cell borders anyway. Does anyone know a way to get Pages to surrender?
    Message was edited by: Steve in Seattle

    I must apologizes.
    It seems that I didn't understand well the problem.
    Issue 1.
    In Pages, horizontal cell borders seem to take precedence over vertical cell borders so my vertical white line trick doesn't work. Is there a way to force my vertical white cell borders to "show up" over my think black horizontal cell borders?
    NO
    Issue 2.
    So, for the time being, I'm not using vertical white cell borders in tables; instead, I set the vertical cell borders to "none." Unfortunately, when I try to set the default table style using a table with no vertical cell borders, Pages adds the vertical cell borders anyway. Does anyone know a way to get Pages to surrender?
    I checked and here, aftere defining a new default format with vertical lines set to none, this format is used when I cvreate a new table.
    But the same with horizontal lines doesn't apply.
    _Go to "Provide Pages Feedback" in the "Pages" menu_, describe what you wish.
    Then, cross your fingers, and wait _at least_ for iWork'10
    Yvan KOENIG (from FRANCE mardi 28 avril 2009 22:31:45)

  • Problem with Absolute Navigation (External Window) and Light Framework Page

    Hi All,
    We are using Light Framework page for the portal devolopment. We have an application including two webdynpro iviews where absolute navigation is used to traverse from first iview to second iview (When user clicks a button on first iview). We are showing the second iview in external window (SHOW_EXTERNAL). When ever i clicks the button to traverse to second iview, i am getting an exception.
    When we are showing it in same window (SHOW_INPLACE), it is working fine. But the iview is appeared in half of the page with scrollbars. It is working fine with default framework page (with both options SHOW_INPLACE and SHOW_EXTERNAL) and dispalyed in original size as mentioned in iview properties.
    Could you please suggest us whether there is any work around for this.
    Thanks,
    Sudheer

    Hi Kathiresan
    I couldn't see the address bar of the window (In which second iview is getting displayed). But i can observe no parameters that i passed from first iview is visible in the view source of the second iview (When SHOW_EXTERNAL is used in absolute navigation). I could see all the parameters in the view source (when SHOW_INPLACE is used for absolute navigation). But i am using the same url for both the options (for SHOW_INPLACE and SHOW_EXTERNAL).
    I doubt about the url being passed when SHOW_EXTERNAL option is used. But when we checked in debug, The correct url is being triggered (Atleast from first iview). Is there any way that could display the second window with address bar. What is making difference  between SHOW_INPLACE and SHOW_EXTERNAL with absolute navigation and light framework page.
    Could someone please suggest.
    Thanks,
    Sudheer.

  • Site Studio website navigation problem

    Hi,
    I am new to this Oracle UCM and Site Studio thing and as for beginning, I installed the Ravenna Host Website and then created My First Website, both following the tutorial documents available.
    However, I found two issues with both the websites related to navigation.
    1> When I click on any of the website links from within the content server admin console under the Web Sites menu, I am getting a blank page although the websites run correctly if viewed directly from the browser.
    For example, the following page does not show any content -
    http://localhost/ucm/idcplg?IdcService=SS_GET_PAGE&nodeId=9001&siteId=RVH
    But the following page runs alright -
    http://localhost/RVH/index.htm
    The siteId and nodeId parameter values are correct according to me.
    I am using the 10g R3 version of CS. Do I need to use any update?
    The same problem is happenning with the MFS site as well which I designed from the Site Studio Designer.
    2> There is some problem with the vertical navigation menu I think.
    Suppose, in the RVH site say, I directly go the Products->Servers page from the home page, it is displayed correctly and the url is http://localhost/RVH/Products/Servers/index.htm.
    However, if I first visit the Products page from the home page (http://localhost/RVH/Products/index.htm) and then the Products->Servers page from there on it is directing to a wrong url - http://localhost/RVH/Products/Products/Servers/index.htm and the error is as follows -
    Error Code: -338
    Error Message: Failed to locate relative path 'Products/Products/Servers' in hierarchy of site 'RVH'.
    I am facing similar issue with the MFS site as well which I have designed and used the Nav Multi Vertical fragment for the menu. Is there any known issue related to this and what is the workaround then.
    I will be extremely thankful if someone can help me out with this issues.
    Also, can someone suggest a more complex tutorial on Site Studio. I have the Designer Guide but a step-by-step tutorial would have helped.
    I want to accomplish role based contribution and workflow next.
    Looking forward to your suggestions.
    Thanking you in advance,
    Deep.

    Hi Sapan. please find my response below.
    1> The page is opening on clicking on the web site link under the Web Site menu from within the CS admin console and the url begins with the ip address only when I am accessing the development server which is not localhost. But still the page appears blank.
    2> I also understand that the url is wrong but not sure why this is happenning. The pattern is that when I am in a particular page and trying to access to another page, it seems to append the href at the end of the current url barring the index.html and not after the webcontext.
    So when I am in the Products page - http://<ipaddress>/MFS/Products/index.htm and then navigating to the Products->Servers page, the url is showing as http://<ipaddress>/MFS/Products/Products/Servers/index.htm which is wrong and which should have been http://10.31.5.91/MFS/Products/Servers/index.htm.
    Navigating directly to the second url renders the correct page.
    I am copy-pasting my hda file if it helps you to identify the problem.
    Regards,
    Deep
    <?hda version="10.1.3.3.3 (080807)" jcharset=UTF8 encoding=utf-8?>
    @Properties LocalData
    blFieldTypes=
    blDateFormat=M/d/yy {h:mm[:ss] {aa}[zzz]}!mAM,PM!tAsia/Calcutta
    @end
    @ResultSet SiteStudioNavNodes
    5
    nodeId
    parentNodeId
    label
    level
    href
    1
    Home
    0
    index.htm
    2
    1
    News
    1
    News/index.htm
    3
    1
    Products
    1
    Products/index.htm
    6
    3
    Servers
    2
    Products/Servers/index.htm
    7
    3
    Firewalls
    2
    Products/Firewalls/index.htm
    4
    1
    Services
    1
    Services/index.htm
    5
    1
    Support
    1
    Support/index.htm
    @end

  • Am I the only one with these various problems...??

    Hi all,
    I start my first post and introduction ever on this forum with a imposing problem with Aperture 3.03
    I just did the upgrade to Aperture 3 & 3.03. Coming off Aperture 2, I was able to rotate, crop and do all the things I wanted by just placing the pointer while clicking, holding, and moving all at the same time with no issues. With Aperture 3.03, no such luck. I've noticed that now if I want to rotate an image or even crop an image the first effort to move anything is ignored. It shows all the signs of being ready to move something, but nothing happens, nothing moves on first try. If I stop the click and place click the second time it is responsive as usual....What gives???
    Here is another issue. Cropping is all over the place and never right on the first try. Even if I have a set aspect ratio it does not provide me with the one I selected. I'm always getting the wrong aspect ratio even though the right one is selected. If I pick "Master Aspect Ratio", I get a variable ratio instead of a fixed ratio??? If I click again it changes again. This program is not stable!!
    One other thing has anyone noticed that you cannot use the arrow keys to move from one picture to another after editing the photo?? It is happening to me. If I complete an edit and want to move to the next photo, the program will not respond to key commands in any way. I'm forced to return to Browser mode and even then it seems hit or miss whether is responds to key commands again. navigating seems to be a big impediment when actively editing.
    So, am I the only one with these problems???
    Lets hear your story...
    Note: just installed the newest stability update for Snow Leopard/Aperture 3 just made available on August 18, 2010. No change...
    Steve,
    Bethlehem, Pa.
    Message was edited by: hdskullfire2

    I don't see any of these issues! You have listed several, disconnected issues. Perhaps you should pick one of them, and give us a blow-by-blow of your action steps.
    For rotation, click that button at the bottom of the View window, and then use one of the [ or ] bracket keys as listed for direction.
    Ernie

  • White with vertical colored lines on Equium A60

    Hi
    I am new to this but really need your help. My laptop is about 18 months old and has always worked fine. Last week I plugged a broadband modem into it through an Ethernet cable and set up broadband. A couple of minutes after doing this when I looked at the screen again, it had gone all white with vertical colored lines down it. I have rebooted the machine etc and that is all I ever get now. As soon as I switch on, it just goes straight to white with these vertical colored lines.
    I have tried connecting an external monitor to it and that works fine. The laptop is a Toshiba Equium A60. I am worried that the screen has blown, is it possible for a surge or something like that to come down the Ethernet cable and blow the screen?
    Thanks
    Adrian

    Display functionality has nothing to do with Ethernet cable. Test with external monitor is very good and on this way you can see if maybe graphic card is responsible for that.
    According to your description I believe that display is the problem. Of course, just intensive display test can give more answers.

Maybe you are looking for