+1-888-365-2779
Try Now
More in this section

Forums / Designing with Sitefinity / Creating template with multicolumn

Creating template with multicolumn

9 posts, 0 answered
  1. rent
    rent avatar
    104 posts
    Registered:
    05 May 2008
    28 Sep 2010
    Link to this post
    Hello All! I'm started create my first template with theme for Sitefinity CMS.
    There is my Master file and CSS:
    <form id="form1" runat="server">
            <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <div id="header_container" class="header">
            <asp:ContentPlaceHolder ID="header" runat="server"> 
            </asp:ContentPlaceHolder>
        </div>
        <div id="main">
            <div id="leftpanel_container" class="leftpanelstyle">
                <asp:ContentPlaceHolder ID="leftpanel" runat="server"> 
                </asp:ContentPlaceHolder>
            </div>
            <div id="rightpanel_container" class="rightpanel">
                <asp:ContentPlaceHolder ID="rightpanel" runat="server"> 
                </asp:ContentPlaceHolder>
            </div>
            <div id="centerpanel_container" class="centerpanel">
                <asp:ContentPlaceHolder ID="centerpanel" runat="server"> 
                </asp:ContentPlaceHolder>
            </div>
        </div>
        <div id="footer_container" class="footer">
            <asp:ContentPlaceHolder ID="footer" runat="server"> 
            </asp:ContentPlaceHolder>
        </div>
        </form>

    .body
    {
        margin: 0, 5%;   
    }
    .header
    {
        width:100%;
        background-color:Aqua;
        /*for IE < 7*/
        min-height: 50px;
        height:auto !important;
        height:50px
    }
    .leftpanelstyle
    {
        float:left;
        background-color:red;
        width:25%;
        /*for IE < 7*/
        min-height: 400px;
        height:auto !important;
        height:400px
    }
    .centerpanel
    {
        background-color:Olive;
        margin: 0 25%;
        /*for IE < 7*/
        min-height: 400px;
        height:auto !important;
        height:400px
    }
    .rightpanel
    {
        float:right;
        background-color:Green;
        width:25%;
        /*for IE < 7*/
        min-height: 400px;
        height:auto !important;
        height:400px
    }
    .footer
    {
        width:100%;
        background-color:Teal;
        /*for IE < 7*/
        min-height: 50px;
        height:auto !important;
        height:50px
    }
    I want to put a RadMenu in header bottom center, but how did this?
    And Why my ContentPlaceHolders not available for putting sitefinity controls?
    Thanks.
  2. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    09 Dec 2016
    28 Sep 2010
    Link to this post
    Hello rent,

    You have to drop RadMenu control inside "header" ContentPlaceHolder. Then the control has a property CssClss which you should set to an existing class where youhave defined - position, margin and bottom properties

    sample

    position: absolute;
    left:50%;
    margin-left: - ( size of the menu)
    bottom: 0 px;

    another option is using position:relative, margin:0, auto.

    Sincerely yours,
    Ivan Dimitrov
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. rent
    rent avatar
    104 posts
    Registered:
    05 May 2008
    29 Sep 2010
    Link to this post
    my template must show such as
  4. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    09 Dec 2016
    29 Sep 2010
    Link to this post
    Hello rent,

    Yes, I got it and this is my answer in the previous reply explains how to do this.

    Sincerely yours,
    Ivan Dimitrov
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  5. rent
    rent avatar
    104 posts
    Registered:
    05 May 2008
    29 Sep 2010
    Link to this post
    Hello Ivan!
    What do you think about automatic width used in http://anton.shevchuk.name/wp-content/uploads/2010/09/jquery.size_.zip  ???
    I can use this in Sitefinity template?
    Thanks
  6. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    09 Dec 2016
    29 Sep 2010
    Link to this post
    Hi rent,

    There should not be a problem to use this library in Sitefinity template.

    All the best,
    Ivan Dimitrov
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  7. rent
    rent avatar
    104 posts
    Registered:
    05 May 2008
    30 Sep 2010
    Link to this post
    position: absolute;
    left:50%;
    margin-left: - ( size of the menu)
    bottom: 0 px;
    This CSS I must define new CSS classs and apply it to RadMenu? What the name I must give this CSS class? .RadMenu?
    Thanks
  8. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    09 Dec 2016
    30 Sep 2010
    Link to this post
    Hi rent,

    For RadMenu you have to use its css selectors - CSS Skin File Selectors. The css rules above should be defined in your theme stylesheet and the name of the class does not matter. This name should be set as CssClass of the RadMenu.

    Best wishes,
    Ivan Dimitrov
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  9. rent
    rent avatar
    104 posts
    Registered:
    05 May 2008
    30 Sep 2010
    Link to this post
    I can't press the RadMenu to header bottom :(
Register for webinar
9 posts, 0 answered