This is a migrated thread and some comments may be shown as answers.

edit Form width

4 Answers 151 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Sofiene
Top achievements
Rank 1
Sofiene asked on 25 Jun 2012, 01:37 PM
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"    >

4 Answers, 1 is accepted

Sort by
0
Accepted
Shinu
Top achievements
Rank 2
answered on 25 Jun 2012, 01:49 PM
Hello Sofiene,

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

Thanks,
Shinu.
0
Sofiene
Top achievements
Rank 1
answered on 25 Jun 2012, 02:04 PM
it work in all application  radgrid because i am using an unique  skin file . in my case it's OK . 
0
reguapo
Top achievements
Rank 1
answered on 22 Aug 2012, 07:01 PM
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
0
reguapo
Top achievements
Rank 1
answered on 22 Aug 2012, 07:08 PM
I solved my issue, what is missing in this code

<style type="text/css">
Div.RadGrid_SkinName .rgEditForm
{
  border1px solid;
  width600px;
}
 </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;
       }
Tags
Grid
Asked by
Sofiene
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Sofiene
Top achievements
Rank 1
reguapo
Top achievements
Rank 1
Share this question
or