|
|
Rank: Member
Groups: Member
Joined: 10/9/2007
Posts: 15
|
Dear EO staff,
I have menu with a frame, top and bottom. Menu in a top frame.
I tried to run my web application in Safari browser. But all sub menu detail background became
transparant and all second sub menu detail always on top when I selected the bottom sub menu.
Unfortunately, I can't show it to your because this forum doesn't provide attachment.
Thanks
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,194
|
Hi,
This is a known restriction. Safari does not allow one frame to add styles inside another frame. So you will need to use CSS rules to style your menu and then add those CSS rules into the target frame. If you have no way to modify the document in target frame, then there is no way for you to render the sub menu with styles.
Thanks!
|
|
Rank: Member
Groups: Member
Joined: 10/9/2007
Posts: 15
|
Thanks for the reply. I created a ccs file called EOMenu.css Quote:
NormalStyle.CssText
{
border-left: #9c9a9c 1px solid;
border-right: #9c9a9c 1px solid;
border-top: #9c9a9c 1px solid;
border-bottom: #9c9a9c 1px solid;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
color: #003000;
background-color: #efefef
}
HoverStyle.CssText
{
background-color: #cccccc;
border-left: #999999 1px solid;
border-right: #999999 1px solid;
border-top: #999999 1px solid;
border-bottom: #999999 1px solid;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 4px;
padding-right: 4px;
}
SubMenu.Style.CssText
{
font-size: 9pt;
font-family: Verdana;
color: black;
cursor: hand; background-color: #f1f1f1;
border-right: #999999 1px solid;
border-top: #999999 1px solid;
border-left: #999999 1px solid;
border-bottom: #999999 1px solid;
padding-right: 2px;
padding-left: 2px;
padding-bottom: 2px;
padding-top: 2px
}
then in EOMenu control I set property CSSFile with EOMenu.css and in target frame I added link like this Quote:<link href="EOMenu.css" type="text/css" rel="Stylesheet" />
. But, I didn't find any changes. So, I need your guidance to set it. Thanks
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,194
|
Hi,
Your CSS should contain regular CSS classes. Such as ".big_font", ".gray_text", ".whatever" etc. You would then instruct the menu to use these rules by setting one of the menu's CssClass properties. For example, instead of setting SubMenu.Style.CssText to "background-color: #f1f1f1", you would create a class with such attributes and then set SubMenu.Style.CssClass to the name of this class. There is no such thing as "SubMenu.Style.CssText".
Thanks
|
|