Change left side RadWindow icon

13 posts, 0 answers
  1. Jignesh
    Jignesh avatar
    44 posts
    Member since:
    Jan 2007

    Posted 20 Mar 2010 Link to this post

    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

  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 22 Mar 2010 Link to this post

    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 
            { 
                backgroundurl('../Images/myIcon.gif') !important; 
            } 
        </style> 


    Thanks,
    Princy.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Jignesh
    Jignesh avatar
    44 posts
    Member since:
    Jan 2007

    Posted 23 Mar 2010 Link to this post

    Hello Princy,

    Thanks for reply

    I tried it but its not working

    It display like attached screen shot.

    Thanks & Regards
    Jignesh Patel

  5. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 26 Mar 2010 Link to this post

    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.
  6. Jignesh
    Jignesh avatar
    44 posts
    Member since:
    Jan 2007

    Posted 27 Mar 2010 Link to this post

    Hello Georgi

    Thanks for reply.,

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

    Thanks & Regards
    Jignesh Patel
  7. Jignesh
    Jignesh avatar
    44 posts
    Member since:
    Jan 2007

    Posted 12 Apr 2010 Link to this post

    Hello Friends,

    Can any one give me the solution...

    Please help me..

    Thanks & Regards
    Jignesh Patel


  8. Danielle
    Danielle avatar
    1 posts
    Member since:
    Jan 2011

    Posted 19 Apr 2011 Link to this post

    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
  9. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 19 Apr 2011 Link to this post

    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

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  10. JJ
    JJ avatar
    147 posts
    Member since:
    May 2010

    Posted 09 Oct 2011 Link to this post

    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

  11. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 10 Oct 2011 Link to this post

    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.

  12. Ashwin
    Ashwin avatar
    6 posts
    Member since:
    Apr 2013

    Posted 26 Apr 2013 Link to this post

    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 
  13. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 26 Apr 2013 Link to this post

    Hi,

    Try setting the following.
    aspx:
    <telerik:RadWindow ID="RadWindow1" runat="server" Behaviors="Close"></telerik:RadWindow>
    CSS:
    .RadWindow .rwIcon
    {
         display: none !important;
    }

    Thanks,
    Shinu.
  14. Ashwin
    Ashwin avatar
    6 posts
    Member since:
    Apr 2013

    Posted 26 Apr 2013 Link to this post

    Thanks Shinu, It works :)
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017