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, ...VERY simple Content Container QuestionVERY simple Content Container Question
Previous
 
Next
New Post
4/18/2007 12:04 PM
 

I want a container with no borders (so far so good), but what I'd like is the title to be inline with the content....  like a starting point....   for example:

TITLE BOLD - followed by content that looks like this and            [Action Dropdown RHS]

wraps accordingly.

----------------------------------------------

Is there a trick to making this happen?

Cheers,

Quentin J Sarafinchan

www.totalgarage.ca

 
New Post
4/19/2007 4:42 PM
 

It is possible but with some work and will only work for "some" modules such as the HTML/Text. 

DNN generates a div wrapper inside the content pane of the container around the content of the module.  Modules such as the HTML/Text module, generates another div with the style "Normal" within that wrapper div.  When you place stuff such as the Title control inside the container's content area, the first wrapper div will be attached under your Title control span that is generated.  To be able to display your title information followed by the content, you will have to override the style for divs nested in your content pane to display as inline instead of block.

<table cellpadding="0" cellspacing="0">
  <tr>
    <td id="ContentPane" runat="server" align="center" class="MyContentClass"><dnn:TITLE runat="server" id="dnnTITLE" CssClass="MyTitleClass" />--
</td>
  </tr>
<tr><td>
     <dnn:ACTIONS runat="server" id="dnnACTIONS" />
     <dnn:ACTIONBUTTON1 runat="server" id="dnnACTIONBUTTON1" CommandName="AddContent.Action" DisplayIcon="True" DisplayLink="True" />
   <dnn:ACTIONBUTTON2 runat="server" id="dnnACTIONBUTTON2" CommandName="SyndicateModule.Action" DisplayIcon="True" DisplayLink="False" />
   <dnn:ACTIONBUTTON3 runat="server" id="dnnACTIONBUTTON3" CommandName="PrintModule.Action" DisplayIcon="True" DisplayLink="False" />
    <dnn:ACTIONBUTTON4 runat="server" id="dnnACTIONBUTTON4" CommandName="ModuleSettings.Action" DisplayIcon="True" DisplayLink="False" />
 </td></tr>
</table>

css:
.MyTitleClass
{
   font-weight:bold;
}

.MyContentClass div
{
  display:inline;

Should be something like that.  Note though, all divs inside the module will default to display inline unless they specify otherwise.  Of course, this setting would hose many different modules that assume the current display mode is block.

Also, in the HTML/Text module, you have to make sure you content is not wrapped in the editor with <p></p> tags.

 

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...VERY simple Content Container QuestionVERY simple Content Container Question


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