edit Form width

[Sofiene]

hi , 
i am using a radgrid editing to edit row in place . my probem is that i can't manager the width of editForm , it occupate all the width of parent table . 
thank you for reply . 

<EditFormSettings CaptionFormatString="Mise à jour de la fiche : {0}"  ColumnNumber="2"

                                  InsertCaption="Nouveau Compte"


                                  CaptionDataField="DenominationClient"

                                  EditColumn-HeaderText =""

                                  EditColumn-ButtonType="PushButton"

                                  EditColumn-CancelText="Annuler"

                                  EditColumn-InsertText="Ajouter"

                                  EditColumn-UpdateText="Valider"


                                  FormCaptionStyle-Font-Bold="true"
                                  PopUpSettings-Modal="true"
                                  EditColumn-ItemStyle-Font-Bold="true"
                                  FormTableItemStyle-Font-Bold="true"
                                  FormTableAlternatingItemStyle-Font-Bold="true"
                                  FormTableAlternatingItemStyle-VerticalAlign="Middle"
                                  FormTableItemStyle-VerticalAlign="Middle"
                                  FormTableItemStyle-HorizontalAlign="left"
                                  FormTableAlternatingItemStyle-HorizontalAlign="left"
                                  FormTableStyle-HorizontalAlign="left"
                                  PopUpSettings-ShowCaptionInEditForm="true"
                                  EditColumn-SortedBackColor="ActiveBorder"    >

[Shinu]

Hello Sofiene,

Try setting the following CSS.
CSS:

<style type="text/css">
Div.RadGrid_SkinName .rgEditForm
{
 border: 1px solid;
 width: 600px;
}
 </style>

Thanks,
Shinu.

[Sofiene]

it work in all application  radgrid because i am using an unique  skin file . in my case it's OK . 

[reguapo]

Hello Shinu, 
I did what you suggested overwriting the css but still not working because the editform is generating an inline style code then overwrite whatever you try to set

Attached is the image with the IE developer tools style inspector

[reguapo]

I solved my issue, what is missing in this code

<style type="text/css">

Div.RadGrid_SkinName .rgEditForm

{

  border: 1px solid;

  width: 600px;

}

 </style>

is the !important for whatever you want overwrite the style, so the final version will be like:

Div.RadGrid_Default .rgEditForm
       {
           border: 1px solid !important;
           width: 350px !important;
       }