change radwindow border from client-side

9 posts, 0 answers
  1. Raymond Mui
    Raymond Mui avatar
    54 posts
    Member since:
    Apr 2008

    Posted 27 Apr 2009 Link to this post

    Hi,

    Is it possible to change the radwindow's border color (and other settings) from client-side?  I cannot change it from server-side, because I followed the article "Opening a RadWindow from Within a RadWindow" to reference the parent's RadWindow.

    Thanks

    Raymond
  2. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 28 Apr 2009 Link to this post

    Hi Raymond,

    Could you please provide more details on what exactly you want to achieve?


    Greetings,
    Georgi Tunev
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Jittu
    Jittu avatar
    18 posts
    Member since:
    Sep 2012

    Posted 13 Sep 2012 Link to this post

    I am unable to change the border of RadWIndow by setting its property and even applying the CSS file
  5. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 13 Sep 2012 Link to this post

    Hi Jittu,

    Try overriding the default CSS as follows to achieve your scenario.

    CSS:
    <style type="text/css">
       .RadWindow .rwCorner
            {
                width: 10px !important;
                 /* some color to show the behavior */
                background-color: Red !important;
                 /* the custom sprite + custom positioning */
                background-image: url('my_custom_sprite') !important;
                background-position: 50px 50px !important;
            }
       .rwTitlebar, .rwFooterCenter
            {
                height: 10px !important;
                 /* some color to show the behavior */
                background-color: Red !important;
                 /* the custom sprite + custom positioning */
                background-image: url('my_custom_sprite') !important;
                background-position: 50px 50px !important;
            }
    </style>

    Hope this helps.

    Regards,
    Princy.
  6. Jittu
    Jittu avatar
    18 posts
    Member since:
    Sep 2012

    Posted 14 Sep 2012 Link to this post

    Thanks for your response princy.
    Actually I have tried using that but its not working. It only applies the Red color on the right side of the Title bar and all the corners  , I need to change the back ground color of the window too. thats my RadWindow code

    <telerik:RadWindow ID="radwindowPopup" runat="server" VisibleOnPageLoad="false" Height="550px" Width="550px" 
         Animation="None"  VisibleStatusbar="false"  Behaviors="Close, Move,Maximize" Title="XXX"
         KeepInScreenBounds="true">
         
    </telerik:RadWindow>
  7. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 17 Sep 2012 Link to this post

    Hi Jittu,

    Try overriding the default CSS as follows to achieve your scenario.

    CSS:
    <style type="text/css">
          .RadWindow .rwCorner,.rwTopResize
            {
                width: 10px !important; /* some color to show the behavior */
                background-color: Red !important; /* the custom sprite + custom positioning */
                background-image: url('my_custom_sprite') !important;
                background-position: 50px 50px !important;
            }
          .rwTitlebar, .rwFooterCenter
            {
                height: 10px !important; /* some color to show the behavior */
                background-color: Red !important; /* the custom sprite + custom positioning */
                background-image: url('my_custom_sprite') !important;
                background-position: 50px 50px !important;
            }
          .RadWindow .rwWindowContent
            {
                background-color:Gray !important;
            }
    </style>

    Hope this helps.

    Regards,
    Princy.
  8. Jittu
    Jittu avatar
    18 posts
    Member since:
    Sep 2012

    Posted 18 Sep 2012 Link to this post

    Thanks princy for the reply . Its working now.
    I need one more help from you .. I need to change the color of just the top of the Title Bar and also the corner should curved.
  9. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 19 Sep 2012 Link to this post

    Hi Jittu,

    Try Overriding the default CSS as follows to achieve your scenario.

    CSS:
    <style type="text/css">  
       .rwTopResize
        {
            background-image: url('my_custom_sprite') !important;
        }
        .rwTopLeft
        {
            border-top-left-radius: 10px 5px !important;
        }
        .rwTopRight
        {
            border-top-right-radius: 10px 5px !important;
        }
        .rwFooterLeft
        {
            border-bottom-left-radius: 10px 5px !important;
        }
        .rwFooterRight
        {
            border-bottom-right-radius: 10px 5px !important;
        }
    </style>

    Thanks,
    Princy.
  10. Gayathri
    Gayathri avatar
    25 posts
    Member since:
    Oct 2014

    Posted 29 Sep 2015 in reply to Princy Link to this post

    Hi All,

     

    I have a radwindow css like this.

    .ManageRadWindowCSS .rwCorner .rwTopLeft,  
    .ManageRadWindowCSS .rwTitlebar,  
    .ManageRadWindowCSS .rwCorner .rwTopRight,  
    .ManageRadWindowCSS .rwIcon, 
    .ManageRadWindowCSS table .rwTopLeft,  
    .ManageRadWindowCSS table .rwTopRight,  
    .ManageRadWindowCSS table .rwFooterLeft,  
    .ManageRadWindowCSS table .rwFooterRight,  
    .ManageRadWindowCSS table .rwFooterCenter,  

    .ManageRadWindowCSS table .rwTitlebar,  
    .ManageRadWindowCSS table .rwTopResize, 
    .ManageRadWindowCSS table .rwStatusbar, 
    .ManageRadWindowCSS table .rwStatusbar .rwLoading 
        {    
            display:  none !important;   
        }​

     

     <telerik:RadWindow ID="ManageWindow" CssClass="ManageRadWindowCSS"  runat="server" Width="600px" Height="620px" 
                    BackColor="#3D6AA2" AutoSize="false" BorderStyle="None"   BorderWidth="1px"          
                    OnClientClose="windowOnClientClose" Modal="true"  VisibleStatusbar="false" VisibleTitlebar="false"  
                    KeepInScreenBounds="true" Title="" NavigateUrl="ManageSite.aspx" Behaviors="Close" >

        </telerik:RadWindow>

    I am not able to set the border colour to Gray. Can you please advise on this?

     ​

Back to Top
UI for ASP.NET Ajax is Ready for VS 2017