Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Solpart hardcode settingsSolpart hardcode settings
Previous
 
Next
New Post
6/9/2006 1:30 PM
 
Dear DNN-guys

Just to be sure. Are this the default settings in the solpartmenu (that means before the CSS styles of the default.css of DNN are uploaded)?

.spbctr
{
    border-bottom: #404040 0px solid;
    border-left: #FF8080 0px solid;
    border-top: #FF8080 0px solid;
    border-right: #404040 0px solid;
    background-image: url(/DotNetNuke/images/);
    background-color: #333333;
}
.spmbar
{
    cursor: pointer;
    cursor: hand;
    height:16;
}
.spmitm
{
    cursor: pointer;
    cursor: hand;
    color: White;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
    border-left: #333333 0px solid;
    border-bottom: #333333 1px solid;
    border-top: #333333 1px solid;
    border-right: #333333 0px solid;
}
.spmicn
{
    cursor: pointer;
    cursor: hand;
    background-color: #333333;
    border-left: #333333 1px solid;
    border-bottom: #333333 1px solid;
    border-top: #333333 1px solid;
    text-align: center;
    width: 15;
    height: 21;
}
.spmsub
{
    z-index: 1000;
    cursor: pointer;
    cursor: hand;
    background-color: #333333;
    filter: progid:DXImageTransform.Microsoft.Shadow(color= 'DimGray' , Direction=135, Strength=3);
    border-bottom: #404040 0px solid;
    border-left: #FF8080 0px solid;
    border-top: #FF8080 0px solid;
    border-right: #404040 0px solid;
}
.spmbrk
{
    border-bottom: #404040 0px solid;
    border-left: #FF8080 0px solid;
    border-top: #FF8080 0px solid;
    border-right: #404040 0px solid;
    background-color: White;
    height: 1px;
}
.spmitmsel
{
    background-color: #CCCCCC;
    cursor: pointer;
    cursor: hand;
    color: White;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
}
.spmarw
{
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
    border-right: #333333 1px solid;
    border-bottom: #333333 1px solid;
    border-top: #333333 0px solid;
}
.spmrarw
{
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
}


  Thanks if you would look at this.

Vriendelijke groeten
Gilbert Vanden Borre
 
New Post
6/10/2006 3:35 AM
 

Dear DNN-fellows

I hope that someone want to help me to discover all about the solpartmenu.
I've asked you if the above mentioned code was the hardcode in the sollpartmenu before the default settings of DNN and the skin settings appeared.

This is NOT TRUE. I'm pretty sure now.
What have I done?
I've eliminated all the style settings in the default.css and in the skin.css.
For the following menu
Home       Menu02       Menu03
           Page0201     Page0301
                        Page0302 Page030201


This is the code (only the parts that have impact to the layout) of the menu.

<table width="100%" cellspacing="0" cellpadding="3" border="0" class="skingradient">
<tbody>
<tr>
<td width="100%" valign="middle" nowrap="" align="left">
<span
xml="<root>
<menuitem id="" title="Home"  />
<menuitem id="" title="Menu02" >
 <menuitem id="" title="&nbsp;Page0201" url="" />
</menuitem>
<menuitem id="" title="Menu03" url="" lefthtml="<img alt="*" BORDER="0" src="breadcrumb.gif">">
 <menuitem id="" title="&nbsp;Page0301"  />
 <menuitem id="" title="&nbsp;Page0302" >
  <menuitem id="" title="&nbsp;Page030201"  />
 </menuitem>
</menuitem>
</root>"
cssrootmenuarw="MainMenu_RootMenuArrow"
cssmenuitemsel="MainMenu_MenuItemSel"
cssmenuitem="MainMenu_MenuItem"
cssmenuicon="MainMenu_MenuIcon"
csssubmenu="MainMenu_SubMenu"
cssmenubar="MainMenu_MenuBar"
cssmenucontainer="MainMenu_MenuContainer"
cssmenubreak="MainMenu_MenuBreak"
cssmenuarrow="MainMenu_MenuArrow"
rootarrow="-1"
rootarrowimage="menu_down.gif"
arrowimage="breadcrumb.gif"
iconimgpath="--Portals/0/"
borderwidth="0"
menutransition="None"
moutdelay="500"
iconwidth="15"
menuitemheight="21"
menubarheight="16"
display="horizontal"
sysimgpath="--/images/"
fontstyle="font-family: Tahoma,Arial,Helvetica;
font-size: 9pt;
font-weight: bold;
font-style: normal;
text-decoration: "
selcolor="#CCCCCC"
selforecolor="White"
shcolor="#404040"
hlcolor="#FF8080"
iconbackgroundcolor="#333333"
backcolor="#333333"
name="dnn:dnnMENU:ctldnnMENU"
id="dnn_dnnMENU_ctldnnMENU">
<table width="100%" cellspacing="0" cellpadding="0" border="0" style="" class="spmbctr MainMenu_MenuContainer">
 <tbody>
 <tr>
  <td>
  <table width="100%" cellspacing="0" cellpadding="0" border="0">
   <tbody>
   <tr saveselcss="" savecss="" class="spmbar spmitm MainMenu_MenuBar MainMenu_MenuItem">
    <td nowrap="NOWRAP" title="">
    <img src="spacer.gif">

    Home

    </td>
   </tr>
   </tbody>
  </table>
  </td>
  <td>
  <table width="100%" cellspacing="0" cellpadding="0" border="0">
   <tbody>
   <tr saveselcss="" savecss="" class="spmbar spmitm MainMenu_MenuBar MainMenu_MenuItem">
    <td nowrap="NOWRAP" title="">
    <img src="spacer.gif">

    Menu02

    </td>
    <td align="right" class="spmrarw MainMenu_RootMenuArrow">
    <img alt=">" src="menu_down.gif">
    </td>
   </tr>
   </tbody>
  </table>
  </td>
  <td>
  <table width="100%" cellspacing="0" cellpadding="0" border="0">
   <tbody>
   <tr saveselcss="" savecss="" class="spmbar spmitm MainMenu_MenuBar MainMenu_MenuItem">
    <td nowrap="NOWRAP" title="">
    <img src="spacer.gif">
    <img border="0" src="breadcrumb.gif" alt="*">

    Menu03

    </td>
    <td align="right" class="spmrarw MainMenu_RootMenuArrow">
    <img alt=">" src="menu_down.gif">
    </td>
   </tr>
   </tbody>
  </table>
  </td>
  <td width="100%">
   <img src="spacer.gif">
  </td>
 </tr>
 </tbody>
</table>
</span>
</td>
</tr>
</tbody>
</table>

But what dit I see:
First
The standaard text [for IE Times New Roman for FF Verdana (text that I've set)] appear.
The background of the menuitems and the submenu were transparent.
When I go hover the rootmenuitems nothing changed in IE and FF. That means not the color, not the background, not the borders.
No hand appears when I go over (hover) menuitems. 
When I loged in as host and I go to Menu03, the underlying submenus, the admin menu or the hostmenu (where the icons are visible) then:
In IE a black border appears round every submenuitem. And every submenuitem goes one pixel (perhaps 2) down when the mouse goes over the item (hover). 
In FF no black borders appears round the submenuitems but every submenuitem goes 1px down.

Second
When I use a default dnn skin, like DNN-Blue (that means that the default.css styles of the solpartmenu are empty and the skin.css styles are working) then:
When I go hover the rootmenuitems then the text goes 1px up in FF (not in IE).

First conclusion:
The hardcode styles that are set in solpart are not the hardcode styles that I thougth.
But there are still some hardcode settings... But which???
Can anyone tells me which hardcode are set?
I know that the black borders in IE appears (hover) when these borders are set to transparent. For instance border: transparent 1 px solid; Then the borders have the same color as the color of the menuitem (this is a bug in IE). 
I've seen that many dnn-users struggle with the solpartmenu.
To discover everything and to change the layout the first thing that everyone must know is 'Which hardcode is set in the sollpartmenu before the default styles and the skin styles ?'.
  Who will take a look at this?...and helps me?


Vriendelijke groeten
Gilbert Vanden Borre
 
New Post
6/11/2006 3:14 AM
 

Dear DNN-guys

In the above code of the solpartmenu (hardcode + no default.css + no skin.css) (only the code that has effect on the layout), I've not give the code of the rendered submenu. Here it goes.

<div class="spmsub MainMenu_SubMenu">
<table border="0" cellpadding="0" cellspacing="0">
 <tbody>
 <tr class="spmitm MainMenu_MenuItem">
  <td class="spmicn MainMenu_MenuIcon" style="border-top: 1px solid transparent; border-left: 1px solid transparent; border-bottom: 1px solid transparent;"><img src="spacer.gif"></td>
  <td class="spmitm MainMenu_MenuItem" style="border-top: 1px solid transparent; border-bottom: 1px solid transparent;" nowrap="NOWRAP">&nbsp;Page0301</td>
  <td class="spmarw MainMenu_MenuArrow" style="border-top: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid transparent;" width="15"><img src="spacer.gif"></td>
 </tr>
 <tr class="spmitm MainMenu_MenuItem">
  <td class="spmicn MainMenu_MenuIcon" style="border-top: 1px solid transparent; border-left: 1px solid transparent; border-bottom: 1px solid transparent;"><img src="spacer.gif"></td>
  <td class="spmitm MainMenu_MenuItem" style="border-top: 1px solid transparent; border-bottom: 1px solid transparent;" nowrap="NOWRAP">&nbsp;Page0302</td>
  <td class="spmarw MainMenu_MenuArrow" style="border-top: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid transparent;" width="15"><img src="breadcrumb.gif" alt="&gt;"></td>
 </tr>
 </tbody>
</table>
</div>
<div class="spmsub MainMenu_SubMenu">
<table border="0" cellpadding="0" cellspacing="0">
 <tbody>
 <tr class="spmitm MainMenu_MenuItem">
  <td class="spmicn MainMenu_MenuIcon" style="border-top: 1px solid transparent; border-left: 1px solid transparent; border-bottom: 1px solid transparent;"><img src="spacer.gif"></td>
  <td class="spmitm MainMenu_MenuItem" style="border-top: 1px solid transparent; border-bottom: 1px solid transparent;" nowrap="NOWRAP">&nbsp;Page030201</td>
  <td class="spmarw MainMenu_MenuArrow" style="border-top: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid transparent;" width="15"><img src="spacer.gif"></td>
   </tr>
</tbody></table>
</div>

Second conclusion???
Here you can see that every submenuitem render a hardcode style when the menu goes over the item:
In IE that means a border the same color als de color setting of the td (a bug in IE).
The Menuicon renders a top, a left and a bottom style when the mouse go over the submenuitem (hardcode).
The Menuitem renders a top and a bottom style when the mouse go over the item (hardcode).
The Menuarrow renders a top, a right and a bottom style when the mouse go over the submenuitem (hardcode).

We know that Solpart use the same styles for the rootmenu and the the submenu's if the rootmenucss classes are not set. But I can see now that there where not such a hardcode styles rendered when the mouse goes over the rootmenuitems. That is important information I think.
 


Vriendelijke groeten
Gilbert Vanden Borre
 
New Post
6/12/2006 2:51 AM
 

Dear DNN-guys

Perhaps this is the second conclusion?
I think that the following hardcode are set or occurs...
For the rootmenu and submenu: this means for
.MainMenu_MenuItem {
  .background-color: not set or transparent;
  .borders: 0px solid transparent;
  .color: not set (same as default) or #000000;
}
.MainMenu_MenuItemSel {
  .background-color: not set or transparent;
  .border-top: 1px solid transparent;
  .border-bottom: 1px solid transparent;
  .border-right: 0px solid transparent;
  .border-left: 0px solid transparent;
}
.MainMenu_MenuIcon {
  .background-color: not set or transparent;
  .border-top: 1px solid transparent;
  .border-bottom: 1px solid transparent;
  .border-left: 1px solid transparent;
}
.MainMenu_MenuArrow {
  .background-color: not set or transparent;
  .border-top: 1px solid transparent;
  .border-bottom: 1px solid transparent;
  .border-right: 1px solid transparent;
}
And this is important I think... Because we don't see any border (IE bug when borders are 1px and transparent) when we goes over the rootmenu or the rootmenu has the focus(breadcrumb)...

.rootmenuitem {
  .background-color: not set or transparent;
  .borders: 0px solid transparent;
  .color: not set (same as default) or #000000;
}
.rootmenuitemselected {
  .background-color: not set or transparent;
  .borders: 0px solid transparent;
  .color: not set (same as default) or #000000;
}
.rootmenuitemsbreadcrumb {
  .background-color: not set or transparent;
  .borders: 0px solid transparent;
  .color: not set (same as default) or #000000;
}

  Who are going with me so deep to discover all these hardcode settings? Nowbody?...


Vriendelijke groeten
Gilbert Vanden Borre
 
New Post
6/15/2006 8:04 AM
 
It seems that nobody has an opinion.
May I conclude that everything is clear, and that what I've said make no sense?...

Vriendelijke groeten
Gilbert Vanden Borre
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Solpart hardcode settingsSolpart hardcode settings


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out