More in this section

Forums / Developing with Sitefinity / Deploying a new theme

Deploying a new theme

8 posts, 0 answered
  1. Omar Saleem
    Omar Saleem avatar
    8 posts
    Registered:
    02 Jul 2009
    27 Jul 2009
    Link to this post

    Posted 9 minutes ago (permalink)

    Hello ..
    I have installed the community edition of Sitefinity CMS on a local server, then  uploaded the default theme on Discount ASP using the steps provided for the same purpose. The default theme and CMS site currently works well.

    We have designed a new theme/template with a left handed navigation that we would like uploaded on the server so we can start using the CMS to put together our site.
    I have not been able to find the right information on how to upload and use a new theme.

    I would really appreciate guidelines on the following:
    1. How to install/upload a new website theme we've made (images + css) on our server
    2. how to implement left handed navigation.

    Would really appreciate your help in this regard.

    Cheers,
    Omar

    omar.saleem@agitavi.net
  2. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    12 Sep 2017
    27 Jul 2009
    Link to this post
    Hi Omar Saleem,

    1. How to install/upload a new website theme we've made (images + css) on our server

    Sitefinity follows the structure of standard ASP.NET website application. All themes and css could be stored under App_Themes folder. You can gather more information at ASP.NET Themes and Skins Overview, Working with themes in Sitefinity.

    2. how to implement left handed navigation.

    Please take a look at the links below that shows a demo and sample of implementing RadMenu wit RTL.

    RadMenu RTL Support
    RTL support

    Best wishes,
    Ivan Dimitrov
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  3. Omar Saleem
    Omar Saleem avatar
    8 posts
    Registered:
    02 Jul 2009
    27 Jul 2009
    Link to this post
    hello Ivan,
    Thanks for the links. They are really helpful. I have a better understanding of creating and uploading the theme/css via the first link you sent.
    I am however a little confused on the left side navigation I  am trying to achieve.

    The kind of menu I am talking about to put on the left (vertically) is somewhat like : http://www.trikeb.com/fr/Accueil.aspx and http://www.elearningage.co.uk/

    Please guide on how do I upload a CSS with a left handed vertical navigation similar to the links above.
    Thanks again.
  4. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    12 Sep 2017
    27 Jul 2009
    Link to this post
    Hello Omar Saleem,

    You can use RadPanelBar, Overview control. You should create a custom skin. For more detailed information, please take a look at Tutorial creating a custom skin.

    Best wishes,
    Ivan Dimitrov
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  5. Omar Saleem
    Omar Saleem avatar
    8 posts
    Registered:
    02 Jul 2009
    10 Aug 2009
    Link to this post
    Hello,

    I finally got a theme we made to go on our server using sitefinity at: http://iiseieorg00.eweb702.discountasp.net/Sitefinity3.6/WebSites/eFactorium/Home.aspx

    The issue now is that we used the radmenu control as suggested in earlier posts, we used itemflow menu control and it is overwriting the current CSS (original idea can be viewed at: http://iiseieorg00.eweb702.discountasp.net/EFTemplateCSSBackup/index.html) and taking over the menu, only part of original CSS is displayed.

    suggestions needed to have it fixed urgently.
    Thanks.
  6. Radoslav Georgiev
    Radoslav Georgiev avatar
    3370 posts
    Registered:
    01 Feb 2016
    10 Aug 2009
    Link to this post
    Hi Omar Saleem,

    Thank you for getting back to us.

    I have taken a look at the live link that you have provided. From examing the navigation menu I could notice a couple of things. I could see that you have taken the advice and created your custom theme, and provided your style rules in the ~/App_Themes/Factorium/style.css. This the right approach when creating a custom theme.

    However I could notice that the RadMenu you are using is not taking its styles from a custom skin (as Ivan has suggested). The issue here is that the RadMenu is loading style from an embedded stylesheet, hence the styling problems occur.

    The solution for this would be as suggested before. Create a custom skin for your RadMenu, that you will add to your theme. Here is a tutorial for creating a custom RadMenu skin. The final outcome when you create your skin will be the following. You will create a file called RadMenu.skin, located in your ~/App_Themes/Factorium/ directory. The skin will look something like this:
    <%@ Register TagPrefix="telerik" Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" %> 
    <telerik:RadMenu     
        runat="server"  
        Skin="YouSkin" EnableEmbeddedSkins="false"
    </telerik:RadMenu> 

    The highlighted text tells your theme that it should use the skin you have created. Then you should create a folder Menu in the ~/App_Themes/Factorium/ folder, and proceed as instructed in the tutorial I pointed you at.

    Please give this a try and tell us how it goes. If you have more questions, please feel free to contact us.

    Kind regards,
    Rado
    the Telerik team

    Instantly find answers to your questions on the newTelerik Support Portal.
    Check out the tipsfor optimizing your support resource searches.
  7. Omar Saleem
    Omar Saleem avatar
    8 posts
    Registered:
    02 Jul 2009
    15 Aug 2009
    Link to this post
    Hello Rado and Ivan,
    I had my CSS guy review the issue and he has rearranged the CSS around the menu as such, that the main menu is working fine now, however, please review: http://iiseieorg00.eweb702.discountasp.net/Sitefinity3.6/WebSites/eFactorium/Home.aspx  <<< and review the sub menu.
    We're using the same CSS for both menu and sub menu, however, the CSS is not loading properly / completely in the sub menu.

    I discussed the issue with my CSS guy, who informed me the menu is inherently picking up its CSS from radmenu.skin (from sitefinity), which we were not able to find wherever it was hosted.
    Can you please, guide us where the menu control's 'Radmenu.skin' is placed, so we can also review it.

    If not, We still have to create a new radskin.menu, and put it there in \app_theme\factorium directory though, where our original CSS is placed.

    Please advise a possible solution where we use our own css to get the sub menu fixed, if possible, without creating any new skin or making too many changes.

    Thanks.
  8. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    12 Sep 2017
    15 Aug 2009
    Link to this post
    Hello Omar Saleem,

    The link you provided returns "HTTP Error 503. The service is unavailable." 'Radmenu.skin' should be placed in the theme folder of the theme you used to style a page. More information at http://www.telerik.com/help/aspnet-ajax/themeshowto.html. If you create a custom skin your page will not use any default styles that comes form Sitefinity. Note that RadMenu control has embedded resources that are loaded by default.

    Regards,
    Ivan Dimitrov
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
Register for webinar
8 posts, 0 answered