Dashed rule between menu items nested inside an accordion panel widget in Muse?

I have a vertical menu widget nested inside an accordion panel widget and I want a dashed rule under each menu item. I already know I can have a solid rule by assigning a stroke to just the bottom of each menu item container. 
I manually created dashed rules by "step and repeating" a 1px black square followed by 2px of space to a 380px width. I positioned these dashed rules under each menu item and grouped them with the menu. Then I placed the menu widget with the dashed rules into the content container for the accordion panel.  The menu expands and collapses in the Preview mode but the dashed rules don't show up.
Muse CC 2014, iMac OS10.9

The link again is I forgot to add http to the link before, but it should have worked.
http://www.lipowiec.org/test/index.php
a) used Dreamweaver to create new site selected 1 column, elastic, centered, header, and footer
b) used spry to add horizontal menu to header
c) followed instructions from Spry Help
http://livedocs.adobe.com/en_US/Spry/SDG/index.html?lang=en_US ->
working with spry widgets -> working with the menu bar widget -> Customize the dimension of menu items as indicated
To change the dimension of menu items by changing the width properties of the menu item’s li and ul tags.
Locate the ul.MenuBarVertical li or ul.MenuBarHorizontal li rule.
Change the width property to a desired width, or change the property to auto to remove a fixed width, and add the property and value white-space: nowrap; to the rule.
Locate the ul.MenuBarVertical ul or ul.MenuBarHorizontal ul rule.
Change the width property to a desired width (or change the property to auto to remove a fixed width).
Locate the ul.MenuBarVertical ul li or ul.MenuBarHorizontal ul li rule.
Add the following properties to the rule: float: none; and background-color: transparent;.
Delete the width: 8.2em; property and value.
Under IE it's broken, under the other browsers it works.
There need to be more IE HACKS added.

Similar Messages

  • Form submit inside an accordion panel

    Hi,
    i have a form inside an accordion panel content. i would like
    the submitted data to hit a php script for processing and then
    refresh the accordion panel content with new data without
    refreshing the page. This is the AJAX model and i was wondering if
    it was possible with spry.
    Thanks,
    Dhimiter

    Hi,
    we have a function called updateContent that allows you to
    change the initial data content for a html element.
    You can add this function at onclick event to change the data
    from the accordion panel with the new processed data.
    To see an example of how this function works, please look at
    this
    sample
    Hope this helps you,
    Diana

  • Equal Space between Menu Items and Drop Down Menü left aligned not possible?

    It seems like I can either have equal spacing between the horizontal menu items and the drop down menu will show up centered , or I say the menu items should be of equal size, and then drop down will be left aligned. Is there any way of having equal space AND left aligned drop down???? Thanks in advance!

    Hello Anjum,
    Thank you for reporting the issue. It seems to be a Bug and we have logged the same. Hopefully it will get fixed in coming releases.
    As of now we do not have any workaround for same. However once we have some workaround, we will definitely share it with you.
    Regards,
    Sachin

  • How to make the spacing between menu items equal with varied menu item sizes

    If the title isn't clear, what I mean is how do you make the space between each of the items in a horizontal the same when some of the menu items are up to double the size of others. Currently I am using the margin property and the space between the larger items is smaller than between the smaller items.
    If you need more information just ask.

    Screenshots don't tell the whole story which is contained in your HTML and CSS code.
    Without a link to your test page or a look at your code (all of it) the best we can provide is wild guesses.
    Help us help YOU by providing a link.
    HOW IMPORTANT IS CODE? A Plea to new posters.
    http://forums.adobe.com/thread/691654?tstart=0
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    http://alt-web.com/
    http://twitter.com/altweb

  • Bar in between Menu Items

    Hello,
    Can you advise how to create those tiny vertical bars in between each menu item, as shown above, using CSS3.
    I am trying to import a "line.gif" as shown, but it needs to be repeated and shortened as well.
    #header {
              background-color:#39F;
              height:100px;
              margin-bottom:0px;
              background-image: url(line.gif);
              background-repeat:repeat-y;
              background-position:20px;
    Kindly advise

    Add a white border onto the list item. You would need to modify the styles below to suit your design but the border-right would be the simplest way of doing this.
    <nav>
    <ul>
    <li>List Item One</li>
    <li>List Item Two</li>
    <li>List Item Three</li>
    <li class="last">List Item Four</li>
    </ul>
    </nav>
    li {
    padding:5px;
    border-right:1px solid #fff;
    display:block;
    li.last {
    border-right:none;

  • Can you use a presentation widget inside a tab panel widget?

    http://www.armourcompanies.com/horse-stall-packages
    When I placed these, they initially looked fine but now the first menu/button is black?

    Hi,
    Are you referring to the Home button or the Sliding Door button ?
    Any ways both are looking good to me. Can you share a screen shot of what you see..??
    Regards,
    Abhishek Maurya

  • Nested Sliding Panel in an Accordion Panel

    I have a nested Sliding Panel inside an Accordion Panel.
    The Sliding panel will show until the Accordion panel is
    completely closed then it abruptly hides itself.
    It does this only in IE of course.
    Not sure if a sliding panel can be properly nested inside an
    Accordion panel so if anybody could please tell me I would really
    appreciate it.
    Thank you,
    Bisser.

    Hi kinblas,
    I changed the AccordionPanelContent5 to "hidden" and it still
    keeps the image displayed until the Accordion Panel closes, and
    then the nested sliding panel image disappears abruptly. This only
    happens in IE.
    Any other suggestions would be welcome.
    Thank you,
    Bisser.

  • Menu was working until HTML Panel Widget was added

    My Horizontal Menu was working fine. Then I decided to add the HTML Panel widget to change some HTML content based on the Menu Item choosen.
    The HTML Panel widget actually works but the menus no longer drop down.
    Am running CS3
    If I take out the <script src="SpryAssets/htmlpanel/SpryHTMLPanel.js" language="javascript" type="text/javascript"> from the head the menus drop down as they should. Putting the one line back in and the menus stop working.
    Tha in Advance for any help!!

    Here is the URL that I am trying to get to work.
    http://www.corporateinstruction.com/test.html
    The menu items don't work right now but if I remove the first line under the head tag
    <script src="SpryAssets/htmlpanel/SpryHTMLPanel.js" language="javascript" type="text/javascript">
    Then the menu drop downs will work once again. I tried your suggestion evalScript:true, that didn't seem to do anything.
    The HTML panel does work. I put an anchor at the top level of the menu just to see if the main content would change and it does.
    Thx for responding...

  • Menu item moves in active state

    I'm using the "Right Icon" to implement a long vertical seperator between menu items:
    laurensilverceramics.businesscatalyst.com
    I've deleted the Rollover, Mouse-Down and Active states of the menu items.  But when a menu item becomes active - it move put by 20 pixels or so.  Any idea on how I can fix this?

    Hi Ryan,
    From looking at the navigation on the site and the corresponding code, it seems you are using a Composition Widget rather than a Menu Widget. The code generated for the Industries link is different than the others as if in its case, the link was applied to chunks of text/content inside the trigger rather than the trigger itself. Recreating that particular item in the composition and applying link just like others should apparently fix this. I would appreciate if you could send your current .muse file to [email protected] along with a reference to this forum thread and mark it to my attention in the Subject? If the file is larger than 20MB, please use an online file sharing service such as WeTransfer or YouSendIt.
    Cheers,
    Vikas

  • I have a problem with my Template as I keep receiving this message in DW CS6; Template is nested inside itself? All my other pages linked to the Template is also not working fine. I tried to us the answer in this forum, but its not working

    <!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" codeOutsideHTMLIsLocked="false" -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>Home | Greatman Group of Company</title>
    <!-- InstanceEndEditable -->
    <!-- Start WOWSlider.com HEAD section -->
    <link rel="stylesheet" type="text/css" href="../engine1/style.css" />
    <script type="text/javascript" src="../engine1/jquery.js"></script>
    <!-- End WOWSlider.com HEAD section -->
    <style type="text/css">
    .shadowblockmenu-v{
        font: bold 14px Palatino Linotype, Book Antiqua, Palatino, serif;
        width: 180px; /* width of menu */
    .shadowblockmenu-v ul{
    border: 2px solid #03F;
    padding: 0;
    margin: 0;
    list-style: none;
    .shadowblockmenu-v ul li{
    margin:0;
    padding:0;
    .shadowblockmenu-v ul li a{
    display:block;
    color: #03F;
    padding: 10px 15px;
    text-decoration: none;
    border-bottom: 1px solid #03F;
    border-right: 1px solid #03F; /*right border between menu items*/
    -moz-box-shadow: inset 7px 0 10px rgba(114,114,114, 0.6); /* Add inset shadow to each menu item. First 3 values in (114,114,114, 0.5) specifies rgb values, last specifies opacity */
    -webkit-box-shadow: inset 7px 0 10px rgba(114,114,114, 0.6);
    box-shadow: inset 7px 0 10px rgba(114,114,114, 0.6);
    text-shadow: 0 -1px 1px #03F; /* CSS text shadow to give text some depth */
    -moz-transition: all 0.2s ease-in-out; /* Enable CSS transition between property changes */
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    .shadowblockmenu-v ul li a:hover, .shadowblockmenu-v ul li a.selected{
    color: black;
    -moz-box-shadow: inset 7px 0 10px rgba(216,89,39, 0.5), inset 0 0 15px rgba(216,89,39, 0.6), inset 0 0 20px rgba(216,89,39, 0.8); /* Add 3 inset shadows to each menu item  */
    -webkit-box-shadow: inset 7px 0 10px rgba(216,89,39, 0.5), inset 0 0 15px rgba(216,89,39, 0.6), inset 0 0 20px rgba(216,89,39, 0.8);
    box-shadow: inset 7px 0 10px rgba(216,89,39, 0.5), inset 0 0 15px rgba(216,89,39, 0.6), inset 0 0 20px rgba(216,89,39, 0.8);
    #wholepage {
        height: 1300px;
        width: 1000px;
        float: none;
        margin: auto;
    .companylogo {
        height: 150px;
        width: 250px;
    .navigationmenu {
        height: 150px;
        width: 750px;
        margin: 0px;
        float: right;
    .bannerimg {
        margin: auto;
        height: 350px;
        width: 950px;
    .marqueetext {
        height: 60px;
        width: 980px;
        margin: auto;
        background-color: #03F;
        color: #FFF;
        padding-top: 1px;
        padding-bottom: 10px;
        font-size: 22px;
        font-weight: bolder;
        border-radius: 20px;
        border: medium solid #F00;
    .footer {
        height: 58px;
        width: 1000px;
        color: #FFF;
        background-color: #03F;
    #bodycontent {
        display: block;
        margin: auto;
        height: 680px;
        width: 980px;
    #body3 {
        display: block;
        float: right;
        height: 225px;
        width: 780px;
        margin-top: 10px;
    #body4 {
        display: block;
        float: right;
        height: 220px;
        width: 780px;
        margin-top: 5px;
    #body1 {
        display: block;
        height: 450px;
        width: 200px;
        float: left;
    #body2 {
        display: block;
        height: 220px;
        width: 780px;
        float: right;
    </style>
    <link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    <script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <script type="text/javascript">
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    </script>
    <!-- InstanceBeginEditable name="head" -->
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    <!-- InstanceEndEditable -->
    <!-- InstanceParam name="editablebody" type="boolean" value="true" -->
    </head>
    <body onload="MM_preloadImages('../Images/CJ4Sale.jpg','../Images/Cars4Sale.jpg','../Images/CP4 Sale.jpg')">
    <div id="wholepage">
      <div class="navigationmenu">
        <ul id="MenuBar1" class="MenuBarHorizontal">
          <li><a href="../index.html">Home</a>      </li>
          <li><a href="../aboutus.html" class="MenuBarItemSubmenu">About Us</a>
            <ul>
              <li><a href="../aboutus.html">Director / CEO</a></li>
            </ul>
          </li>
          <li><a href="../webdesign.html" class="MenuBarItemSubmenu">Products</a>
            <ul>
              <li><a href="../webdesign.html">Web Design</a></li>
              <li><a href="../jerseys.html">Jerseys</a></li>
              <li><a href="#">Cars</a></li>
              <li><a href="#">Laptops / Phones &amp; Accessories</a></li>
            </ul>
          </li>
          <li><a href="#">Site Map</a>      </li>
          <li><a href="#">Contact Us</a></li>
          <img src="../Images/bannerlogo.jpg" width="745" height="115" alt="My Company Logo" />
        </ul>
      </div>
      <div class="companylogo"><a href="../index.html"><img src="../Images/Logo.jpg" width="250" height="150" alt="My Company Logo" /></a></div><hr/ color="red" />
      <div class="bannerimg">
      <!-- Start WOWSlider.com BODY section -->
    <div id="wowslider-container1">
    <div class="ws_images"><ul>
            <li><img src="../data1/images/customized_barcelona_jerseys.jpg" alt="Customized Barcelona Jerseys" title="Customized Barcelona Jerseys" id="wows1_0"/>Contact Us :- </br>
    Email: [email protected] </br>
    Mobile: +2349092974966 or +234817493851</li>
            <li><img src="../data1/images/customized_chelsea_jerseys.jpg" alt="Customized Chelsea Jerseys" title="Customized Chelsea Jerseys" id="wows1_1"/>Contact Us :- </br>
    Email: [email protected] </br>
    Mobile: +2349092974966 or +234817493851</li>
            <li><img src="../data1/images/cars__jeeps_and_space_buses.jpg" alt="Cars, Jeeps and Space Buses" title="Cars, Jeeps and Space Buses" id="wows1_2"/>Contact Us :- </br>
    Email: [email protected] </br>
    Mobile: +2349092974966 or +234817493851</li>
            <li><img src="../data1/images/cars.jpg" alt="Cars" title="Cars" id="wows1_3"/>Contact Us :- </br>
    Email: [email protected] </br>
    Mobile: +2349092974966 or +234817493851</li>
            <li><img src="../data1/images/cell_phones.jpg" alt="Cell Phones & Accessories" title="Cell Phones & Accessories" id="wows1_4"/>Contact Us :- </br>
    Email: [email protected] </br>
    Mobile: +2349092974966 or +234817493851</li>
            <li><img src="../data1/images/laptops.jpg" alt="Laptops & Accessories" title="Laptops & Accessories" id="wows1_5"/>Contact Us :- </br>
    Email: [email protected] </br>
    Mobile: +2349092974966 or +234817493851</li>
            <li><a href="http://wowslider.com/vi"><img src="../data1/images/customized_arsenal_jerseys.jpg" alt="slider html" title="Customized Arsenal Jerseys" id="wows1_6"/></a>Contact Us :- </br>
    Email: [email protected] </br>
    Mobile: +2349092974966 or +234817493851</li>
            <li><img src="../data1/images/customized_man_utd__chelsea_and_barceloa_jerseys.jpg" alt="Customized Man Utd, Chelsea and Barcelona Jerseys" title="Customized Man Utd, Chelsea and Barcelona Jerseys" id="wows1_7"/>Contact Us :- </br>
    Email: [email protected] </br>
    Mobile: +2349092974966 or +234817493851</li>
        </ul></div>
        <div class="ws_bullets"><div>
            <a href="#" title="Customized Barcelona Jerseys"><span><img src="../data1/tooltips/customized_barcelona_jerseys.jpg" alt="Customized Barcelona Jerseys"/>1</span></a>
            <a href="#" title="Customized Chelsea Jerseys"><span><img src="../data1/tooltips/customized_chelsea_jerseys.jpg" alt="Customized Chelsea Jerseys"/>2</span></a>
            <a href="#" title="Cars, Jeeps and Space Buses"><span><img src="../data1/tooltips/cars__jeeps_and_space_buses.jpg" alt="Cars, Jeeps and Space Buses"/>3</span></a>
            <a href="#" title="Cars"><span><img src="../data1/tooltips/cars.jpg" alt="Cars"/>4</span></a>
            <a href="#" title="Cell Phones & Accessories"><span><img src="../data1/tooltips/cell_phones.jpg" alt="Cell Phones & Accessories"/>5</span></a>
            <a href="#" title="Laptops & Accessories"><span><img src="../data1/tooltips/laptops.jpg" alt="Laptops & Accessories"/>6</span></a>
            <a href="#" title="Customized Arsenal Jerseys"><span><img src="../data1/tooltips/customized_arsenal_jerseys.jpg" alt="Customized Arsenal Jerseys"/>7</span></a>
            <a href="#" title="Customized Man Utd, Chelsea and Barcelona Jerseys"><span><img src="../data1/tooltips/customized_man_utd__chelsea_and_barceloa_jerseys.jpg" alt="Customized Man Utd, Chelsea and Barcelona Jerseys"/>8</span></a>
        </div></div><div class="ws_script" style="position:absolute;left:-99%"><a href="http://wowslider.com">carousel jquery</a> by WOWSlider.com v7.8</div>
    <div class="ws_shadow"></div>
    </div>   
    <script type="text/javascript" src="../engine1/wowslider.js"></script>
    <script type="text/javascript" src="../engine1/script.js"></script>
    <!-- End WOWSlider.com BODY section -->
    </div>
      <!-- InstanceBeginEditable name="EditRegion5" --><br/>
      <div class="marqueetext">
        <p>
          <marquee>
            For your Static and Dynamic Websites Design at an affordable price. Contact Us :- Email: <em style="color:#FF0"> [email protected] </em> Mobile: <em style="color:#FF0"> +2349092974966 or +234817493851 </em>
          </marquee>
        </p>
      </div>
      <!-- InstanceEndEditable -->
      <hr/ color="red" />
    <div id="bodycontent">
        <div id="body1">
          <div class="shadowblockmenu-v">
            <ul>
              <li><a href="../index.html" style="color:#03F">&deg; Home</a></li>
              <li><a href="../aboutus.html" style="color:#03F">&deg; About Us</a></li>
              <li><a href="../aboutus.html" style="color:#F00">   &deg; Director / CEO</a></li>
              <li><a href="../webdesign.html" style="color:#03F">&deg; Products</a></li>
              <li><a href="../webdesign.html" style="color:#F00">   &deg; Web Design</a></li>
              <li><a href="../jerseys.html" style="color:#F00">   &deg; Jerseys</a></li>
              <li><a href="../index.html" style="color:#F00">   &deg; Cars</a></li>
              <li><a href="../index.html" style="color:#F00">   &deg; Laptops / Phones & Accessories</a></li>
              <li><a href="../index.html" style="color:#03F">&deg; Site Map</a></li>
              <li><a href="../index.html" style="color:#03F">&deg; Contact Us</a></li>
            </ul>
          </div>
        </div>
        <div id="body2"><!-- InstanceBeginEditable name="EditRegion1" -->
          <h4 align="center" style="color:#F00">ALL CLUBS &amp; COUNTRIES SALES &amp; CUSTOMIZE JERSEYS FOR SALE!!! </h4>
          <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','../Images/CJ4Sale.jpg',1)"><img src="../Images/BJ4Sale.jpg" alt="Jerseys For Sale" width="200" height="150" id="Image4" align="left" hspace="10" /></a>
          <p style="color: #000; font-size: 18px;">We recently ventured into customising T-shirts for occassions &amp; Jerseys for all your favorite clubs. We do welcome negative criticism as to help us improve on our production quality as we are full of optimism &amp; we would appreciate ideas that would help this business improve. Just kindly feel free to fill our Feedback form and make a comment. We would work on getting improved based on your comments for us to satisfy all (you) our numerous customers.</p>
        <!-- InstanceEndEditable --></div>
        <div id="body3"><!-- InstanceBeginEditable name="EditRegion2" -->
          <h4 align="center" style="color:#F00">CARS, JEEPS &amp; SPACE BUSES FOR SALE!!! </h4>
          <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','../Images/Cars4Sale.jpg',1)"><img src="../Images/Car4Sale.jpg" alt="Cars, Jeeps and Space Buses for sale" width="200" height="150" id="Image5" hspace="10" align="left" /></a>
          <p style="color: #000; font-size: 18px;">We've been in the business of selling all types of vehicles for 6 years. We supply qualities and well conditioned vehicles to our customers which made us one of the best Car Dealers in town. We satisfy our customers to their satisfaction. We address some sellers nowadays as an Old Timer. They think they know everything, they don't want to learn new things, they are average (or below average) salespeople and they take great fun out of bringing new salespeople down to their weak level.</p>
        <!-- InstanceEndEditable --></div>
        <div id="body4"><!-- InstanceBeginEditable name="EditRegion3" -->
          <h4 align="center" style="color:#F00">LAPTOPS / PHONES &amp; ACCESSORIES FOR SALE!!! </h4>
          <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','../Images/CP4Sale.jpg',1)"><img src="../Images/Laptops4Sale.jpg" alt="Laptops/Phones and Accessories for sale" width="200" height="150" id="Image6" hspace="10" align="left" /></a>
          <p style="color: #000; font-size: 18px;">We have been in the business of selling all types of Laptops, Phones and Accessories (Branded new, UK Used and Nigeria Used)for 8 years. We supply qualities Laptops, Phones and Accessories to our customers which made us one of the best Sellers in this business. We satisfy our customers to their satisfaction by offering very good greeting to all our customers in a very respectful manners both on call,  e-mails as well as in our office.</p>
        <!-- InstanceEndEditable --></div>
      </div>
      <div><!-- InstanceBeginEditable name="EditRegion4" --><!-- InstanceEndEditable --></div>
      <hr/ color="red" />
      <div class="footer">
        <div align="center">Copyright &copy; 2015 Greatman Group of Company<br />
          Design By: Musty Greatman<br/>
        All Rights Reserved.</div>
      </div>
    </div>
    <script type="text/javascript">
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    </body>
    <!-- InstanceEnd --></html>

    The following line tells me that this is not a template file, but a document created from a template called index.dwt
    <html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" -->
    This means that you saved a child document as a template file at some stage.
    If you go to Modify->Templates->Detach from Template, you can remove the template structure from your document. All you then need to do is to re-save the document as a template.

  • Set vertical gap of menu items, list items...

    Hi, is there any way to adjust the vertical gaps between menu items, between list items, between combo box list lits? I am trying to make my Java application look like Windows application, but the vertical gaps in these Java components are just too big. Thanks!
    Yu

    Sorry for the massive bit of code, but you can use this to display the UI defaults and decide what to change if you want to try to affect (simple) global changes to the look and feel:
    It's far from beautiful but I've found it helpful from time to time.
    import javax.swing.JFrame;
    import javax.swing.Icon;
    import javax.swing.JLabel;
    import javax.swing.JScrollPane;
    import javax.swing.Box;
    import javax.swing.BoxLayout;
    import javax.swing.UIManager;
    import javax.swing.UIDefaults;
    import javax.swing.border.Border;
    import java.awt.BorderLayout;
    import java.awt.Graphics;
    import java.awt.Component;
    import java.awt.Color;
    import java.awt.Font;
    import java.awt.Insets;
    import java.util.Iterator;
    import java.util.Set;
    import java.util.TreeSet;
    import java.util.Comparator;
    import java.util.Enumeration;
    public class DefaultsDisplayer extends JFrame
         private static class ResourceLabel extends JLabel
              private ResourceLabel(Object key, Object value)
                   super(key.toString());
                   if(value instanceof Icon)
                        setIcon(new SafeIcon((Icon)value));
                   else if(value instanceof Color)
                        setIcon(new ColorIcon((Color)value));
                   else if(value instanceof Font)
                        setIcon(new ColorIcon(null));
                        setFont((Font)value);
                   else if(value instanceof Border)
                        setIcon(new ColorIcon(null));
                        setBorder(new SafeBorder((Border)value));
                   else if(value instanceof String)
                        setIcon(new ColorIcon(null));
                        setText(key.toString() + ": '" + value.toString() + "'");
                   else
                        setIcon(new ColorIcon(null));
                    setText(key.toString() + ": " + value.getClass().getName());
         private static class SafeIcon implements Icon
              private Icon icon;
              private SafeIcon(Icon icon)
                   this.icon = icon;
              public int getIconWidth()
                   return icon.getIconWidth();
              public int getIconHeight()
                   return icon.getIconHeight();
              public void paintIcon(Component comp, Graphics g, int x, int y)
                   try
                        icon.paintIcon(comp, g, x, y);
                   catch(Exception e)
         private static class ColorIcon implements Icon
              private Color color;
              private ColorIcon(Color color)
                   this.color = color;
              public int getIconWidth()
                   return 32;
              public int getIconHeight()
                   return 32;
              public void paintIcon(Component comp, Graphics g, int x, int y)
                   if(color == null)
                        return;
                   g.setColor(color);
                   g.fillRect(x, y, 32, 32);
         private static class SafeBorder implements Border
              private Border border;
              private SafeBorder(Border border)
                   this.border = border;
              public Insets getBorderInsets(Component c)
                   try
                        return border.getBorderInsets(c);
                   catch(Exception e)
                        return new Insets(0, 0, 0, 0);
              public boolean isBorderOpaque()
                   return border.isBorderOpaque();
              public void paintBorder(Component c, Graphics g, int x, int y, int w, int h)
                   try
                        border.paintBorder(c, g, x, y, w, h);
                   catch(Exception e)
         private static class ObjectComparator implements Comparator
              public int compare(Object o, Object p)
                   String s = o.toString().toLowerCase();
                   String t = p.toString().toLowerCase();
                   return s.compareTo(t);
         public DefaultsDisplayer()
              super("Default Displayer");
              setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
              Box box = new Box(BoxLayout.Y_AXIS);
              UIDefaults defaults = UIManager.getDefaults();
              Set keys = new TreeSet(new ObjectComparator());
              for(Enumeration e = defaults.keys(); e.hasMoreElements(); )
                   keys.add(e.nextElement());
              Object key, value;
              JLabel label;
              for(Iterator i = keys.iterator(); i.hasNext(); )
                   key = i.next();
                   value = defaults.get(key);
                   label = new ResourceLabel(key, value);
                   box.add(label);
                   box.add(box.createVerticalStrut(5));
              getContentPane().setLayout(new BorderLayout());
              getContentPane().add(new JScrollPane(box), BorderLayout.CENTER);
              setLocation(50, 50);
              setSize(500, 500);
              doLayout();
              setVisible(true);
         public static void main(String[] args)
              new DefaultsDisplayer();
    }

  • How to hide/remove a menu item in Acrobat X

    Hi,
    I have a plugin created in acrobat sdk 9, running on acrobat x. I want to hide/remove the "Manage Trusted Identities" menu item, found under "Sign & certify (panel) > more sign & certify menu."
    How can i achieve this using javascript?
    thanks in advance,

    Well, I dont want users to be able to access/modify the trusted identities, so i decided to remove/hide the:
    Acrobat X > "Sign & Certify (panel)" > More sign & certify (i think its a menu) > Manage trusted identities (menu item).
    And can i hide/remove above mentioned item in any way other than javascript, like plugin code?
    Is it in any way possible to prevent user from accessing/modifying the acrobat trusted indentities?
    Thanks.

  • Problem with Accordion Widget INSIDE Sliding Panel Widget

    Hello,
    perhaps I should not do this, but I nested an Accordion
    Widget inside a Sliding Panels Widget:
    - There are eight Panels.
    - Each one contains a complete Accordion.
    The sliding works fine, and so does the Accordion animation,
    but the text inside the Accordion Panel Tabs won't move along, when
    a tab is activated. I need to hover the mouse over the accordion to
    make the panel texts appear again.
    Of course, when I un-nest the widgets and move the Accordion
    widget out of the Sliding Panel widget, everything is fine.
    My question is:
    - am I demanding "too much" by nesting the widgets?
    - or should this basically work, and the problem arises from
    rivalling scripts?
    Here is a link:
    Nested
    widgets Test
    The horizontal top menu will activate the sliding panels, but
    as of now only the leftmost menu item contains an Accordion (I know
    the CSS does not look nice yet).
    Is there anything I can optimise to get this to work?
    Thank you so much,
    Greetings, Jensen
    Edit: The problem does NOT occur in Firefox, but in
    Safari.

    Hi John,
    That is the expected behavior if the "Overlap items below" is unchecked. Please refer to the following link http://screencasteu.worldsecuresystems.com/aish/2013-08-21_1947.png. If you don't want the page to wiggle up and down, please check the box shown in the screenshot.
    Regards,
    Aish

  • Mobile menu -- Accordion Panel or Composition -- which is recommended?

    Hi,
    I have been experimenting with mobile menus and have come up with good solutions using two different methods: 1) Accordion Panel widget; 2) Composition blank widget.  Both use a trigger and a content container with a vertical menu.  Both work well.
    Question for the experts here: Is either of the two menu techniques recommended, and why?  They work and feel a little differently, but I am more concerned with their compatibility on different mobile devices and browsers.
    Thanks for any help with this.
    John

    This may depend on the site design as what contents and page objects are used , both should work as expected.Both widgets are compatible across all browsers and devices.
    So you can go with both options, my suggestion would be create 2 pages with separate menu and then check and finalize.
    Thanks,
    Sanjit

  • How to add vertical stroke to between top menu items?

    I have a horizontal Spry menu bar. How to add a vertical stroke between menu top items?
    BUT NOT outermost left and outermost right. Only to BETWEEN top menu items.
    In html file I tried this:
      <div id="main_menu">
        <ul id="MenuBar1" class="MenuBarHorizontal">
          <li><a href="#">Products</a></li>
          <li class=stroke></li>
          <li><a href="#">Services</a></li>
          <li class=stroke></li>
          <li><a href="#">News</a></li>
          <li class=stroke></li>
          <li><a href="#">Contact</a></li>
         </ul>
       </div>
    And in CSS-file I made a style:
    #MenuBar1 .stroke
    display: block;
    width: 1px;
    height: 16px;
    background-image: url(../images/gui/vertical_stroke.png);
    background-repeat: no-repeat;
    In Safari this Spry menu bar work fine. But stop working in Firefox and IE.
    Also DW4 warning me in properties panel that:
    "This menu bar is missing some important tags. Go to Code view and and make sure that each menu item contains an <a> tag."
    What is correct method to do this?

    In that case you will need to use images.
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Untitled</title>
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
    <style>
    ul.MenuBarHorizontal a.line {    background: #EEE url(SpryMenuBarLine.gif) no-repeat 95% 50%; }
    ul.MenuBarHorizontal a.MenuBarItemSubmenu.line{    background: #EEE url(SpryMenuBarDownLine.gif) no-repeat 95% 50%; }
    </style>
    </head>
    <body>
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a class="MenuBarItemSubmenu line" 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="#" class="line">Item 2</a></li>
      <li><a class="MenuBarItemSubmenu line" 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>
    <script type="text/javascript">
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    </body>
    </html>
    The images look similar to the following
    and
    I hope this helps.
    Ben

Maybe you are looking for