edit from columns.

[regina]

all I need is for a simple edit form to have columns instead of being one too long coluns. but when I use this:
<EditFormSettings ColumnNumber="2" >
                <FormTableItemStyle Wrap="False"></FormTableItemStyle>
                <FormCaptionStyle CssClass="EditFormHeader"></FormCaptionStyle>
                <FormMainTableStyle GridLines="None" CellSpacing="0" CellPadding="3" BackColor="White"
                    Width="100%" />
                <FormTableStyle CellSpacing="0" CellPadding="2" Height="110px" BackColor="White" />
                <FormTableAlternatingItemStyle Wrap="False"></FormTableAlternatingItemStyle>
                <EditColumn ButtonType="ImageButton" UpdateText="Update record"
                    UniqueName="EditCommandColumn1" CancelText="Cancel edit">
                </EditColumn>
                <FormTableButtonRowStyle HorizontalAlign="Right" CssClass="EditFormButtonRow"></FormTableButtonRowStyle>
            </EditFormSetting
thank you.

[Shinu]

Hello Regina,

The following online demo demonstrates the same.
Grid / Edit Form with Multiple Columns.

Hope it helps.

Thanks,
Shinu.

[regina]

hi I had found something very similar, but it does not break the column list into the columns.  this example did apply all the style things but still no columns.  is it because they are bound columns is there another step I need to take that I am not?
I pasted this into the page.

<EditFormSettings ColumnNumber="3" CaptionFormatString="Edit Record {0}"

  

CaptionDataField="Plaintiffs">

  

<FormTableItemStyle Wrap="False"></FormTableItemStyle>

  

<FormCaptionStyle CssClass="EditFormHeader"></FormCaptionStyle>

  

<FormMainTableStyle GridLines="None" CellSpacing="0" CellPadding="3" Width="100%" />

  

<FormTableStyle GridLines="Horizontal" CellSpacing="0" CellPadding="2" CssClass="module"

  

Height="110px" Width="100%" />

  

<FormTableAlternatingItemStyle Wrap="False"></FormTableAlternatingItemStyle>

  

<FormStyle Width="100%" BackColor="#eef2ea"></FormStyle>

  

<EditColumn UpdateText="Update record" UniqueName="EditCommandColumn1" CancelText="Cancel edit">

  

</EditColumn>

  

<FormTableButtonRowStyle HorizontalAlign="Left" CssClass="EditFormButtonRow"></FormTableButtonRowStyle>

  

</EditFormSettings>

also I am using the latest version of the grid ajax asp.net control.
and everything else in the edit form setting seems to work, just not column numbers, i have tried 2 and also 3 for a my number of colums.
And neither works, any help is greatly appreciated this is rather urgent.

[Tsvetina]

Hi Regina,

From your requirements it seems like you rather need InPlace editing mode instead of EditForms. Go to the following online demo and check the In-line editing mode radio button to see how it looks like inside the grid.
http://demos.telerik.com/aspnet-ajax/grid/examples/dataediting/alleditablecolumns/defaultcs.aspx

If this is not what you require, please post a screenshot of the required look.

All the best,
Tsvetina
the Telerik team

[regina]

no that is not what I want the grid I am working with is too wide for that. so I want the user to be able to hit edit and have the form open and just have three columns of entry instead of a long single column.  I see examples on the site I just cannot get the functionality to work for me.

[Tsvetina]

Hello Regina,

Did the solution suggested in the other thread by Shinu work for you?
http://www.telerik.com/community/forums/aspnet-ajax/grid/urgent-edit-form-columns.aspx#1930428

If not, can you please specify which version of the controls you use, so we can test locally if this is a problem in older versions, as it works correctly with the current one?

All the best,
Tsvetina
the Telerik team

[regina]

I am using the latest version of the tools I believe web ui, 2011.3.1115.35  and ajax latest as well.  Ajax Q3 2011 NET35.

And no the solution Shinu offered did not work either.

[regina]

here are the form settings I have tried most currently that also fails to render the auto generated form in columns.

<EditFormSettings ColumnNumber="2" EditColumn-EditFormColumnIndex="2" EditFormType="AutoGenerated" >
              <FormTableItemStyle Wrap="False"></FormTableItemStyle>
              <FormCaptionStyle CssClass="EditFormHeader"></FormCaptionStyle>
              <FormMainTableStyle GridLines="None" CellSpacing="0" CellPadding="3" BackColor="White"
                  Width="100%"  />
              <FormTableStyle CellSpacing="0" CellPadding="2" Height="110px" BackColor="White" />
              <FormTableAlternatingItemStyle Wrap="False"></FormTableAlternatingItemStyle>
              <EditColumn ButtonType="LinkButton" UpdateText="Update record"
                  UniqueName="EditCommandColumn1" CancelText="Cancel edit">
              </EditColumn>
              <FormTableButtonRowStyle HorizontalAlign="left" CssClass="EditFormButtonRow"></FormTableButtonRowStyle>

          </EditFormSettings>

[Tsvetina]

Hello Regina,

Can you also confirm that you followed all the instructions in the demo? The thing that you did not mention is whether you have set the EditFormColumnIndex property for each of the columns in the grid, as advised in the demo. I tested your settings with and without this property set in addition to them, and when set, the edit fields group in columns.

I am attaching my test project for your reference.

Regards,
Tsvetina
the Telerik team

[regina]

thank you that was the detail I was missing, setting it individually on the columns.