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, ...Minimal skin with Position Relative and/or centering displaces module edit menuMinimal skin with Position Relative and/or centering displaces module edit menu
Previous
 
Next
New Post
12/5/2008 11:33 PM
 

Hi,

As a new user, I'm a bit discouraged that after investing days of setting up the enivronment and then reading through huge DNN book with lots of promises, I now find that already in "step 1", even the most basic skin fails! I'm attaching a minimal test skin with just a few lines to reproduce the problem (www.anamera.com/fileadmin/user_upload/harald/test.zip).

What's the proper procedure to pursue this? Do I report officially this as a bug?

A 5 line skin:

<%@ Control language="vb" CodeBehind="~/admin/Skins/skin.vb" AutoEventWireup="false" Explicit="True" Inherits="DotNetNuke.UI.Skins.Skin"%>
 

<div id="ControlPanel" runat="server"></div>
<
div id="skin_testing">
   <div id="ContentPane" runat="server"></div>
</
div>

with a 6 line CSS:

#skin_testing
{
  width: 600px;

  margin: 0 auto 0 auto; /* Centers page horizontally */
  position: relative; /* Now child elements can use absolute positioning */
}

 will totally displace the module menus:

Screen Shot of Edit Menu Displaced in MINIMAL Skin

 

 
New Post
12/6/2008 3:48 AM
 

The problem you show is not in the skin but in the container. The module menu's in some circomstances don't work well with absolute positioning.

Could you post a link to the container too?

 
New Post
12/6/2008 9:21 AM
 

Hm - I haven't configured a container skin yet. My theory was, let's get ONE thing working yet, before complicating it by adding more "variables".

Also - please note that no "position: absolute" is in use in this minimal sample. I only configured the box with "position: relative" so that in my FULL skin I WILL be able to.

It get's even weirder: If you include a "STYLE="Position: Relative;" attribute in the HTML for the same box (which already has that style through the skin.css) that the behavior will CHANGE. Now THAT really makes NO sense whatsoever - there surely is some "odd" logic happening behind the scenes.

Best Regards,
Andy

 
New Post
12/6/2008 12:44 PM
 

Ok, this means you are using the default container, what version of DNN are you using? 4.9?

 

 
New Post
12/7/2008 5:46 AM
 

Andy, I just found something out about this.

If you go to your container (I guess /portals/_Default/Containers/MinimalExtropy/Title_grey.ascx)

You will see this code:

<div class="c_head title_red">
            <div class="Head title">
                <dnn:ACTIONS runat="server" id="dnnACTIONS"  ProviderName="DNNMenuNavigationProvider" ExpandDepth="1" PopulateNodesFromClient="True" />
                <dnn:ICON runat="server" id="dnnICON" />
                &nbsp;<dnn:TITLE runat="server" id="dnnTITLE"  CssClass="Head" />
            </div>

The ProviderName="DNNMenuNavigationProvider" part will render the actions menu using the new DnnMenu.

But I just found out the Actions menu sometimes works better in combination with positioning if you use the old provider, remove red part and try if it works better.

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Minimal skin with Position Relative and/or centering displaces module edit menuMinimal skin with Position Relative and/or centering displaces module edit menu


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