RadGrid PopUp EditMode remove X button

[kachy]

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

[Princy]

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.

[kachy]

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.

[Daniel]

Hey Friends !!

I am with the same throuble !! Do you get to solve this matter ?

[kachy]

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

Thanks.

[Mira]

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

[ranjeet]

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;

 

 }

 

 

[Mira]

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

[Vladimir]

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

PLEASE, FIX THIS BUG!

[Mira]

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

[venu]

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>