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,
DhimiterHi,
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 -
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 adviseAdd 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 -
<!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 & 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">° Home</a></li>
<li><a href="../aboutus.html" style="color:#03F">° About Us</a></li>
<li><a href="../aboutus.html" style="color:#F00"> ° Director / CEO</a></li>
<li><a href="../webdesign.html" style="color:#03F">° Products</a></li>
<li><a href="../webdesign.html" style="color:#F00"> ° Web Design</a></li>
<li><a href="../jerseys.html" style="color:#F00"> ° Jerseys</a></li>
<li><a href="../index.html" style="color:#F00"> ° Cars</a></li>
<li><a href="../index.html" style="color:#F00"> ° Laptops / Phones & Accessories</a></li>
<li><a href="../index.html" style="color:#03F">° Site Map</a></li>
<li><a href="../index.html" style="color:#03F">° Contact Us</a></li>
</ul>
</div>
</div>
<div id="body2"><!-- InstanceBeginEditable name="EditRegion1" -->
<h4 align="center" style="color:#F00">ALL CLUBS & COUNTRIES SALES & 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 & 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 & 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 & 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 & 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 © 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!
YuSorry 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.
JohnThis 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
-
Mac mini -Samsung lcd TV and projector Acer
Hello, Would someone be so kind and explain me why my Samsung tv lcd is not able to show the picture from Mac mini. If I connect Mac mini to projector it is working without problems. Kind regards, Tom
-
Hi there. I´m trying to create some pie charts in BIP with MSWord, but I´ve noticed although the source amounts are quantities, only percentages appear in the chart. Can somebody tell me?. I´m blocked by now with it. Thanks a lot. Bye...
-
I've just purchased photoshop CS6 Extended mailed to me on a stick. Trying to install it in a brand new Lenovo desk top but nothing happens.Do I need something additional from microsoft if so were do I obtain it and what is it? Drivers?
-
I recently purchased a NIkon D4s and my photoshop elements 10 will not accept the RAW files from it. Someone from this community told me to upgrade to 12 and it will. If I do so, will I lose my actions and overlays or will they simply transfer to t
-
Lost photos on iPhone but my memory still thinks they are there
I had some one fix my screen and opened ny iPhone 4S up but then I lost all my photos, but my memory is still full so its like they are still there. HAs anyone any ideas of ho wto get them back (I had accidently switcehd off my iCloud back up)