Change left side RadWindow icon

[Jignesh]

Hello Sir,


I had used in radwindow in more pages.Now i want to change the left side default icon in all the pages.

How i will change the default left icon to my new icon.I want to need any script so i will apply in one user control or my main page so it will be effect to all other my pages, i don't want to change that icon path in all the pages.

So is there any script or css for it will effect to alll the pages?


Please help me.

Thanks & Regards
Jignesh Patel

[Princy]

Hello Jignesh Patel,

You can add the following CSS on page in order to change the icon for radwindow.

CSS:

    <style type="text/css">
        .RadWindow_Default a.rwIcon
        {
            background: url('../Images/myIcon.gif') !important;
        }
    </style>

Thanks,
Princy.

[Jignesh]

Hello Princy,

Thanks for reply

I tried it but its not working

It display like attached screen shot.

Thanks & Regards
Jignesh Patel

[Georgi Tunev]

Hello Jignesh,

The CSS selector that Princy provided is the correct one. You should use additional properties in it to position and size the image correctly.


Greetings,
Georgi Tunev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Jignesh]

Hello Georgi

Thanks for reply.,

But can u tell me which setting need to display icon on same position...

Thanks & Regards
Jignesh Patel

[Jignesh]

Hello Friends,

Can any one give me the solution...

Please help me..

Thanks & Regards
Jignesh Patel

[Danielle]

Hi Jignesh

I have used the provided css and it has worked for me. What size is the image you are using? I found that a size of 16 x 16 pixels was best.

Cheers
Danielle

[Svetlina Anati]

Hi guys,

 To change the icon you could use the IconUrl property or set it dynamically through the set_iconUrl client side method.

Kind regards,
Svetlina
the Telerik team

[JJ]

adding the following ,doesn't seem work for me

<style type="text/css">  

     .RadWindow_Default a.rwIcon  

     {  

         background: url('/Images/loadingcon.gif') !important;  

     }  

 </style>  


On Master Page, I have below.
<telerik:RadWindow ID="wndFileReq" runat="server" Modal="true" KeepInScreenBounds="true" 

               Height="450px" Width="700px" Animation="Fade" AutoSizeBehaviors="Default" ShowContentDuringLoad="false"

               VisibleStatusbar="false" Behaviors="Close,Move" ReloadOnShow="true" 

               NavigateUrl="/FileRequest.aspx" />

I am using Q1 2001. not work - still showing the default icon not loadingcon.gif

[Shinu]

Hello JJ,

One method to achieve the scenario is add the following CSS.

CSS:

<style type="text/css">
  .RadWindow_Default a.rwIcon
  {
      background: url('../Images/button_edit_grey.gif') !important;
  }
</style>

Another method is add the IconUrl property of RadWindowManager as follows.

ASPX:

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" IconUrl="../Images/button_edit_grey.gif" >
 </telerik:RadWindowManager>

 

Thanks,
Shinu.

[Ashwin]

Hello,

I don't want the left side default icon. I only want to show Close button on my Rad Window. How can I do that, Can any body help me ?

Thanks 
Ashwin 

[Shinu]

Hi,

Try setting the following.
aspx:

<telerik:RadWindow ID="RadWindow1" runat="server" Behaviors="Close"></telerik:RadWindow>

CSS:

.RadWindow .rwIcon
{
     display: none !important;
}

Thanks,
Shinu.

[Ashwin]

Thanks Shinu, It works :)