Styles in the RADEDitor HTML with Image is not shown in the Preview

[mamtha]

hi all,
 I am using RAD Editor HTML field control in my page layout. I am supposed to give some styles to the Text . If i am giving the style which has image with that is not getting displayed in the edit mode. Once if we "check in" the page or "Save and stop editing" only it works.

Please let me know any work around to get the style applied in the edit mode it self ?

[mamtha]

Adding some more information regarding this issue.
when the styles like 
.custom-Bold{
font-weight:bold;
}
is getting applied in the editmode itself.

If we are using the styles like
.Custom-download-pdf-left{
BACKGROUND:url('../../../SiteCollectionImages/icon-pdf.gif') no-repeat 0 left;
padding-left:15px;
}

I am gettting the empty space with the padding left of 15px but the icon-pdf.gif image is not getting displayed.
 Once the Page is "checked in" or "Save and stop Editing" then we could see the image..

[mamtha]

Adding some more information regarding this issue.
when the styles like 
.custom-Bold{
font-weight:bold;
}
is getting applied in the editmode itself.

If we are using the styles like
.Custom-download-pdf-left{
BACKGROUND:url('../../../SiteCollectionImages/icon-pdf.gif') no-repeat 0 left;
padding-left:15px;
}

I am gettting the empty space with the padding left of 15px but the icon-pdf.gif image is not getting displayed.
 Once the Page is "checked in" or "Save and stop Editing" then we could see the image..

[Stanimir]

Hello Mamtha,

In our online help you can find information on Defining custom CSS styles .

I hope that you will find the article helpful.

All the best,
Stanimir
the Telerik team

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