[Solved] Can´t see DatePopUpButton image

[Patxi]

Hello,

I would like to apply an image for DatePopUpButton by using a command in calendar skin.

I have implemented the following snippet code:

.RadPicker_OT .rcCalPopup,
.RadPicker_OT .rcTimePopup
{
    overflow:hidden;
    display:block;
    width:16px;
    height:16px;
     background:url('<%=WebResource("OTSkin.Calendar_Imagenes.IcoCalendario.gif")%>') no-repeat;
    text-indent:-1111px;
    text-align:center;
}

The image is not shown but when a mouse is over the place where the image should be shown, is possible to open a calendar. The only problem is that the image is not visible.

Do you know what might be the reason?

Thank you in advance.

[Patxi]

I forgot to comment one thing more.

At the moment I have it in this way.

<DatePopupButton ImageUrl="~/_Img/Ico16/IcoCalendario.gif" HoverImageUrl="~/_Img/Ico16/IcoCalendario.gif"></DatePopupButton>

It works fine but I would like to do as many thing as possible into a skin file.

[Dimo]

Hi Patxi,

Thanks for the code snippets.

You cannot use <%=WebResource() %> code blocks in non-embedded CSS files, because they are not evaluated.

You should provide a valid GIF image URL in your custom skin, no matter whether you are using a CSS sprite image or not.

If you prefer using embedded image resources, then you should create custom embedded skins, as demonstrated in this code library demo:

http://www.telerik.com/community/code-library/aspnet-ajax/general/including-custom-stylesheets-as-webresources-to-radstylesheetmanager.aspx


Greetings,
Dimo
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.

[Patxi]

Hi Dimo,

Thank you for the information.

I had already implemented embedded skin files. The only problem is that I don´t know what to do to show the image as DatePopupButton by using skin file.

I just wanted you to help me to check if the snippet code I have written above is correct or I have something wrong. Maybe that´s not the correct way to do it.

If you have any doubt about my question, please feel free to ask me.

Thank you.

[Dimo]

Hi Patxi,

Sorry, I didn't understand that you already have a custom embedded skin.

The syntax looks OK. Make sure that the image is marked as embedded resource in its properties in the solution explorer, and that it is listed in the list of embedded resources in the C# / VB code (similarly to the embedded CSS file).

If the problem persists, please open a support ticket and attach the custom skin project, so that we can test it locally.

All the best,
Dimo
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.