How to specify a skin to use an image under the Theme's images folder?

Last post 11-29-2008 10:44 PM by Mauro_net. 1 replies.

Sort Posts:

  • How to specify a skin to use an image under the Theme's images folder?

    11-29-2008, 6:01 PM
    • Member
      31 point Member
    • goixq
    • Member since 10-09-2006, 3:12 PM
    • Posts 107

    Hello,

    I am using a Theme for my website and I cannot figure out how to specify a skin to use an image saved under the Theme's photos folder. My current code looks like this, but it gets the image from a typical folder, not from a photos folder under the Themes folder:

            <asp:DataList SkinID="skinDataList" runat="server" Width="100%">
                <AlternatingItemStyle BackColor="#FEF6C5" />
                <SeparatorTemplate>
                    <table border="0" cellpadding="0" cellspacing="0" style="background-image: url(photos/separator/repeating_many_diamonds.jpg);
                        width: 100%; background-repeat: repeat-x; height: 40px">
                        <tr>
                            <td style="width: 100px">
                            </td>
                        </tr>
                    </table>
                </SeparatorTemplate>
            </asp:DataList>

    The path to the image that I want to use is this:
    /App_Themes/Fruits/Photos/separator/repeating_many_diamonds.jpg

    But I do not know how to specify the path correctly in the skin file. Your help is appreciated.

  • Re: How to specify a skin to use an image under the Theme's images folder?

    11-29-2008, 10:44 PM
    Answer
    • Participant
      999 point Participant
    • Mauro_net
    • Member since 10-26-2006, 1:54 AM
    • Posts 220

     At least I do it this way (dont know any other and dont wanna spend time looking for it)

     In app_Themes/Blue/img/Buttons/ I have an image "btn19_red.jpg"


    In app_Themes/Blue/Button.skin I have
    <asp:Button runat="server" SkinID="Proffessional_shiny" CssClass="Button_Proffessional_shiny" />

    then

    In app_Themes/Blue/ StyleSheet.css I have

    .Button_Proffessional_red
    {
        border:1px solid #990000;
        background-image:url('img/Buttons/btn19_red.jpg');
        font-size:11px;
        font-family:Arial; 
        height:22px; 
    }

    then in my code:
    <asp:Button ID="btnRelogin" runat="server" Text="" Visible="false" OnClick="Relogin" SkinID="Proffessional_shiny" />

    I hope this helps

Page 1 of 1 (2 items)