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, ...dnn:logo  - how to put a pane on the company image - use like overflowdnn:logo - how to put a pane on the company image - use like overflow
Previous
 
Next
New Post
8/5/2010 11:55 AM
 
Hi colleagues,

I'm using    <dnn:LOGO runat="server" ID="dnnLOGO" />  to put my company logo.... It works fine.... It uses the whole horizontal line.... But I would like to put a pane on the logo (at the end of the logo) because I can drop some modules in the pane like searchbox. But the pane is added at the end of the logo.... I can't put a pane on the log .... can someone advice?   So in fact... The logo should be like a background........

I prefer using <DNN:logo ...  Because of it will save time for me using dnn gui to change the logos (multi languages etc)

from index.ascx
So I want to put a pane and the login information on the LOGO.... I tried  style: float: left ; overflow; display:inline...... -> The logo it renders as block.

Any advice or some code would be useful....

div style="float: left; display:inline">
     <dnn:LOGO runat="server" ID="dnnLOGO" />
     <div runat="server" id="LanguagePane" class="ContentLanguagePane" style="float: left">
          <dnn:LOGIN runat="server" ID="dnnLOGIN" />
      </div>
</div>


thanks

mesut

 
New Post
8/5/2010 3:24 PM
 
I think you can use: <div style="background:url('<%=PortalSettings.HomeDirectory & PortalSettings.LogoFile%>');height:86px;" runat="server"></div>
Which should result in a pane with the current logo as the background.

I have added the example to my demo skin here: http://dnnskinextensions.codeplex.com...
 
New Post
8/6/2010 8:37 AM
 
Hi Timo,

super... that's the direction what I wanted.    I had to remove "runat=server" because of the image was not shown. I don't know why?
the header logo is shown and the are some searchtextbox - language features on the logo too and they can click on the logo which directs them to home page.


<div class="header_back" style="background: url('<%=PortalSettings.HomeDirectory & PortalSettings.LogoFile%>'); height: 116px; background-repeat:no-repeat;" onmouseover="this.style.cursor='pointer'" onclick="window.location ='<%# NavigateUrl(PortalSettings.HomeTabId) %>'; return false;">
    <div class="search_box">
           <div class="lang">
                <!-- #include file="aspx/LanguageSelector.aspx" -->
               <div class="search_bg">
                       <div runat="server" id="LanguagePane" class="ContentLanguagePane" ></div>
              </div>
              <dnn:LOGIN runat="server" id="dnnLOGIN" />
         </div>
    </div>
</div>

just  a quick question: Why does it not shown up when there is runat=server in DIV.... I don't see as a panel if I remove runat=server.  

any idea?

thanks

mesut
    

 
New Post
8/6/2010 4:37 PM
 
Did you make sure the div with runat="sever" was not inside another element with runat="server"?
That would not work...
 
New Post
8/9/2010 8:06 AM
 
Hi Timo,

No, it's not in a another control/tag with RUNAT=SERVER... Look below at the code I just send you the top code until the code... But that's not a problem.
It brings me another problem as I said it I want some other controls like textbox on the background image, this also works fine.
And I've onclick event on the DIV. The idea is when the click on the background image it should locate/naviage to HOME page, this als works fine.

But. but but... the on background has there is textbox  search. As soon as the textbox gets the focus it navigate to home page. The reason is textbox is in the div. So any idea how I can the navigation when textbox gets the focus ?

thanks,

mesut

ps: I know it's more than one question, but I appreciate your help/advice....


Index.ascx
<%@ Control language="vb" AutoEventWireup="false" Explicit="True" Inherits="DotNetNuke.UI.Skins.Skin" %>
<%@ Register TagPrefix="dnn" TagName="LOGIN" Src="~/Admin/Skins/Login.ascx" %>
<%@ Register TagPrefix="dnn" TagName="NAV" Src="~/Admin/Skins/Nav.ascx" %>
<%@ Register TagPrefix="dnn" TagName="BREADCRUMB" Src="~/DesktopModules/effority.Ealo.BreadCrumb/effority_Ealo_BreadCrumb.ascx" %>
<%@ Register TagPrefix="dnn" TagName="STYLES" Src="~/Admin/Skins/Styles.ascx" %>
    <script type="text/javascript" language="javascript">
        //this retrieves the home page for every portal
        function getHomePage() {
            window.location = '<%# NavigateUrl(PortalSettings.HomeTabId) %>';
            return false;  
            // return false is needed because of Firefox.
        }
    </script>
    <div id="s_wrap_main">
        <div id="s_wrap_sub">
            <div class="cpanel_left">
                <div class="cpanel_right">
                    <div runat="server" id="ControlPanel"  ></div>
                </div>
            </div>
        </div>
        <div class="header">
            <div id="s_wrap_sub2">
                <div class="header_back" style="background: url('<%=PortalSettings.HomeDirectory & PortalSettings.LogoFile%>'); height: 116px; background-repeat:no-repeat;" onmouseover="this.style.cursor='pointer'"  onclick="getHomePage();" >
                    <div class="search_box">
                        <div class="lang">
                            <!-- #include file="aspx/LanguageSelector.aspx" -->
                            <div class="search_bg">
                                <div runat="server" id="LanguagePane"  class="ContentLanguagePane" ></div>
                            </div>
                            <dnn:LOGIN runat="server" id="dnnLOGIN" />
                        </div>
                    </div>
                </div>
...
...
...
...
...
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...dnn:logo  - how to put a pane on the company image - use like overflowdnn:logo - how to put a pane on the company image - use like overflow


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