RadGrid PopUp EditMode remove X button

11 posts, 0 answers
  1. kachy
    kachy avatar
    89 posts
    Member since:
    Aug 2005

    Posted 14 Jul 2009 Link to this post

    Is there a way, I can hide the X button when I do Add/Edit in RadGrid in PopUp edit mode? For normal RadWindow, we can customize the behaviours(close, maximize, minimize, resize etc.), same way do we have any control over the behaviours in RadGrid edit mode PopUp window?

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

    Posted 15 Jul 2009 Link to this post

    Hello,

    I tried adding following style in order to hide the close button in popup editform. Give a try with this.

    CSS:
     
    <style type="text/css">  
    .RadGrid_Default .rgEditForm .rgHeader a  
    {  
         display:none !important;  
    }  
    </style> 

    Thanks,
    Princy.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. kachy
    kachy avatar
    89 posts
    Member since:
    Aug 2005

    Posted 16 Jul 2009 Link to this post

    I tried this but it did not work. I am using WebBlue skin so used

    <style type="text/css">  
    .RadGrid_WebBlue .rgEditForm .rgHeader a  
    {  
         display:none !important;  
    }  
    </style> 

    Am I doing it right?

    Thanks.
  5. Daniel
    Daniel avatar
    7 posts
    Member since:
    Jul 2010

    Posted 14 Jul 2010 Link to this post

    Hey Friends !!

    I am with the same throuble !! Do you get to solve this matter ?
  6. kachy
    kachy avatar
    89 posts
    Member since:
    Aug 2005

    Posted 30 Jul 2010 Link to this post

    Sorry for late reply. I could not solve this issue. Were you able to solve this.

    Thanks.
  7. Mira
    Admin
    Mira avatar
    1124 posts

    Posted 04 Aug 2010 Link to this post

    Hello all,

    I tried to replicate the issue which you described, but to no avail.
    Attached to this message, you will find the code which I used for testing.

    Please, take a look at it and let me know if there are any differences at your ends, which I may be leaving out.

    Greetings,
    Mira
    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
  8. ranjeet
    ranjeet avatar
    1 posts
    Member since:
    Jul 2010

    Posted 23 Sep 2010 Link to this post

    i have used it with web user control
    set default popup width to your custom popup width

    <

     

     

    EditFormSettings EditFormType="WebUserControl" PopUpSettings-Modal="true" PopUpSettings-Width="600px" UserControlName="Controls/ucEditCaseRole.ascx">

     

     

     

     

     

    .headerbackbody

     

     

     

     

     

     

    border-radius:8px;

     

    border:2px solid #023864;

     

    background:url(Images/bgGradient.png) 50% 50% repeat-x #fff;

     

    margin-top:-31px;/* your margin put "-"*/

     

    width:600px;/* your width*/ }

     

     

     

     

     

    .headertext

     

     


    {

     

    background-color:#023864;

     

    background:url(Images/controls/gridHeaders.png) top left repeat-x #fff;

     

    color:#fff;

     

    font-weight:700;

     

    border-bottom:1px solid #f3f3ff;

     

    -moz-border-radius-topright:5px;

     

    -webkit-border-top-right-radius:5px;

     

    -moz-border-radius-topleft:5px;

     

    -webkit-border-top-left-radius:5px;

     

    margin:0 0 10px;

     

    padding:6px 16px;

     

    font-size:130%;

     

     }

     

     

     

     

     

    .close_button 
    { position:absolute;

     

     

    top:6px;

     

     

     

    right:6px;

     

     

     

    width:20px;
    height:20px
    background:url(Images/buttons/small/delete.png) top left no-repeat transparent;/* your button image transprent*/
    background-color:#62ADE9;/*use bg color */

     

     

     

    margin-top:-2px;

     

     

     

    border:none;

     

     

     

    text-indent:50px;

     

     

     

    cursor:pointer;

     

     }

     

     

  9. Mira
    Admin
    Mira avatar
    1124 posts

    Posted 27 Sep 2010 Link to this post

    Hello Ranjeet,

    Please try using the following style:
    <style type="text/css"
    .RadGrid_[SkinName] .rgEditForm .rgHeader a 
         display:none !important; 
    </style>

    I hope this helps.

    Regards,
    Mira
    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
  10. Vladimir
    Vladimir avatar
    1 posts
    Member since:
    Nov 2010

    Posted 13 Nov 2010 Link to this post

    No, it doesn't help. When EditFormType is WebUserControl, X-Button is visible.

    PLEASE, FIX THIS BUG!
  11. Mira
    Admin
    Mira avatar
    1124 posts

    Posted 15 Nov 2010 Link to this post

    Hello Vladimir,

    I tried to replicate the issue which you described, but to no avail.
    Attached to this message, you will find the code which I used for testing.

    Please, take a look at it and let me know if there are any differences at your end, which I may be leaving out.

    Regards,
    Mira
    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
  12. venu
    venu avatar
    1 posts
    Member since:
    Feb 2014

    Posted 31 May 2014 in reply to Mira Link to this post

    Try with this Code, it's working fine with me. Hope it helps someone

    <style type="text/css">
            .rgEditForm
           {
                display: none !important;
            }
        </style>
    I tried this to remove the X form from my Grid while Editing,  you might try with this code if you want to avoid some X button in Pop up<style type="text/css">
            .rgEditForm  .rgHeader a
           {
                display: none !important;
            }
        </style>





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