More in this section

Forums / Designing with Sitefinity / Themes and Image paths

Themes and Image paths

3 posts, 0 answered
  1. Mike
    Mike avatar
    221 posts
    19 Aug 2008
    14 Oct 2008
    Link to this post
    Hi there... Around here we are fairly new to themes in ASP.NET, but the concept is simple enough and we thought we know how to implement it...

    Well i need some help with this, this is most likely some error on my part but i would like some examples of how to do this...

    I have built a new theme as per instructions... This theme has .css files and also a Images sub-folder for the themes images...

    I created a template in SiteFinity and applied the theme to the template/masterpage... (The CSS styles seem to be loading correctly) I also have images on the masterpage, and am pathing the image ImageUrl="Images/header_logo_01.gif" as i have read that this path because the site is using themes will point to the themes folder... all resource paths should be reletive to this folder... correct??

    If this is the case then this is not finding the images sub-folder within the themese folder... Infact this path looks for the images folder inside the App_Master folder???

    SiteFinity does not have any examples of themes being used with images... Only styles... Could someone tell me what i am doing wrong here???

  2. SelAromDotNet
    SelAromDotNet avatar
    912 posts
    18 Jul 2012
    14 Oct 2008
    Link to this post
    if you are linking directly to the files inside the actual master page itself, using an image control, your imageurl should be ~/App_Themes/YOURTHEME/Images/header_logo_01.gif. the tilde ~ maps your link to the root of the project. without it, the image will look starting from the folder it is in. that's why it's looking in app_master.

    however, I would instead recommend that you place your images in the Theme folder itself, and use css and skin files to load images that are global to your site theme. by using this model, anything that uses the theme will know to look for the images inside the applied theme folder.

    theres tons of resources out there for this, just google themes and skins, here's one i found that looks pretty thorough.

    hope that this was helpful!

  3. Georgi
    Georgi avatar
    3583 posts
    28 Oct 2016
    17 Oct 2008
    Link to this post
    Hi SelArom,

    Thanks Josh! We hope that Duncan finds this helpful too!

    Sincerely yours,
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Register for webinar
3 posts, 0 answered