Hi,

I have a RadGrid (for AJAX) in my web page. I chose to use EditForm template and I wish to customise the design of the edit form. My questions are (please refer to the attached jpeg file):

1. How do I set the column/cell spacing between labels and controls (Item A in the file)?

2. How do I set the row spacing (Item B in the file)?

3. How do I change the vertical alignment of the label (Item C in the file)? In this case, I want the label to be aligned at the top, rather than middle.

4. How do I change the spacing between the last row of user control and the command button row (Item D in the file)?

My markup for the RadGrid is as below:

<telerik:RadAjaxPanel runat="server" LoadingPanelID="RadAjaxLoadingPanelMain">
<telerik:RadGrid ID="RadGridDegreeClassRules" runat="server" AllowPaging="True" AllowSorting="true" PageSize="10" Font-Names="Segoe UI"
    OnNeedDataSource="RadGridDegreeClassRules_NeedDataSource" HeaderStyle-BackColor="DarkCyan" HeaderStyle-Font-Bold="true"
    OnItemCommand="RadGridDegreeClassRules_ItemCommand" OnPreRender="RadGridDegreeClassRules_PreRender"
    AllowAutomaticInserts="false" OnInsertCommand="RadGridDegreeClassRules_InsertCommand"
    AllowAutomaticUpdates="false" OnUpdateCommand="RadGridDegreeClassRules_UpdateCommand"
    AllowAutomaticDeletes="false" OnDeleteCommand="RadGridDegreeClassRules_DeleteCommand" >
    <PagerStyle Mode="NextPrevAndNumeric" />
    <MasterTableView CommandItemDisplay="Top" AutoGenerateColumns="false" AllowSorting="true"
                CommandItemSettings-ShowAddNewRecordButton="true" CommandItemSettings-AddNewRecordImageUrl="../images/add12.png"
                CommandItemSettings-AddNewRecordText="Insert new rule"  
                CommandItemSettings-RefreshImageUrl="../images/refresh14.png" DataKeyNames="Id">
        <Columns>
            <telerik:GridEditCommandColumn UniqueName="EditCommandColumnDegreeClassRules" ButtonType="ImageButton"
                EditImageUrl="../images/edit12.png" EditText="Edit rule"
                HeaderStyle-Width="30px" ItemStyle-HorizontalAlign="Center">
                <ItemStyle CssClass="MyImageButton"></ItemStyle>
            </telerik:GridEditCommandColumn>
            <telerik:GridTemplateColumn HeaderText="Effective Date" HeaderStyle-ForeColor="White" AllowSorting="true" SortExpression="EffectiveDate">
                <ItemTemplate>
                    <asp:Label ID="LabelEffectiveDate" runat="server" Text='<%# Bind("EffectiveDate","{0:dd-MM-yyyy}") %>'></asp:Label>
                </ItemTemplate>
                <InsertItemTemplate>
                    <telerik:RadDatePicker ID="DatePickerEffectiveDateInsert" runat="server" DateInput-DateFormat="dd-MM-yyyy" DateInput-DisplayDateFormat="dd-MM-yyyy" ></telerik:RadDatePicker>
                    <asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidatorEffectiveDateInsert" ControlToValidate="DatePickerEffectiveDateInsert"
                        ErrorMessage="&nbsp; Missing required field!" Display="Dynamic" Font-Size="Small" ForeColor="Red"></asp:RequiredFieldValidator>
                </InsertItemTemplate>
                <EditItemTemplate>
                    <telerik:RadDatePicker ID="DatePickerEffectiveDateEdit" runat="server" MinDate="1900/01/01" DbSelectedDate='<%# Bind("EffectiveDate") %>'
                        DateInput-DateFormat="dd-MM-yyyy" DateInput-DisplayDateFormat="dd-MM-yyyy"></telerik:RadDatePicker>
                    <asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidatorEffectiveDateEdit" ControlToValidate="DatePickerEffectiveDateEdit"
                        ErrorMessage="&nbsp; Missing required field!" Display="Dynamic" Font-Size="Small" ForeColor="Red"></asp:RequiredFieldValidator>
                </EditItemTemplate>
            </telerik:GridTemplateColumn>
            <telerik:GridTemplateColumn HeaderText="Rule Name" HeaderStyle-ForeColor="White" AllowFiltering="true" AllowSorting="true" SortExpression="DegreeClassRuleName">
                <ItemTemplate>
                    <asp:Label ID="LabelDegreeClassRuleName" runat="server" Text='<%# Bind("DegreeClassRuleName") %>'></asp:Label>
                </ItemTemplate>
                <InsertItemTemplate>
                    <telerik:RadTextBox ID="TextBoxDegreeClassRuleNameInsert" runat="server" Text="" Width="400" CssClass="EditFormButtonRow" ></telerik:RadTextBox>
                </InsertItemTemplate>
                <EditItemTemplate>
                    <telerik:RadTextBox ID="TextBoxDegreeClassRuleNameEdit" runat="server" Text='<%# Bind("DegreeClassRuleName") %>' Width="400" CssClass="EditFormButtonRow" ></telerik:RadTextBox>
                </EditItemTemplate>
            </telerik:GridTemplateColumn>
            <telerik:GridTemplateColumn HeaderText="Rules" HeaderStyle-ForeColor="White" AllowFiltering="true" AllowSorting="true" SortExpression="DegreeClassRule">
                <ItemTemplate>
                    <asp:Label ID="LabelDegreeClassRules" runat="server" Text='<%# Bind("DegreeClassRule") %>'></asp:Label>
                </ItemTemplate>
                <InsertItemTemplate>
                    <telerik:RadEditor ID="EditorDegreeClassRuleInsert" runat="server" >
                        <Tools>
                            <telerik:EditorToolGroup>
                                <telerik:EditorTool Name="Copy" />
                                <telerik:EditorTool Name="Cut" />
                                <telerik:EditorTool Name="Paste" />
                                <telerik:EditorTool Name="Undo" />
                                <telerik:EditorTool Name="Redo" />
                                <telerik:EditorTool Name="FontName" />
                                <telerik:EditorTool Name="FontSize" />
                                <telerik:EditorTool Name="ForeColor" />
                                <telerik:EditorTool Name="Bold" />
                                <telerik:EditorTool Name="Italic" />
                                <telerik:EditorTool Name="Underline" />
                                <telerik:EditorTool Name="InsertUnorderedList" />
                                <telerik:EditorTool Name="InsertOrderedList" />
                                <telerik:EditorTool Name="Indent" />
                                <telerik:EditorTool Name="Outdent" />
                                <telerik:EditorTool Name="InsertSymbol" />
                                <telerik:EditorTool Name="InsertLink" />
                            </telerik:EditorToolGroup>
                        </Tools>
                    </telerik:RadEditor>
                </InsertItemTemplate>
                <EditItemTemplate>
                    <telerik:RadEditor ID="EditorDegreeClassRuleEdit" runat="server" content='<%# Bind("DegreeClassRule") %>' >
                        <Tools>
                            <telerik:EditorToolGroup>
                                <telerik:EditorTool Name="Copy" />
                                <telerik:EditorTool Name="Cut" />
                                <telerik:EditorTool Name="Paste" />
                                <telerik:EditorTool Name="Undo" />
                                <telerik:EditorTool Name="Redo" />
                                <telerik:EditorTool Name="FontName" />
                                <telerik:EditorTool Name="FontSize" />
                                <telerik:EditorTool Name="ForeColor" />
                                <telerik:EditorTool Name="Bold" />
                                <telerik:EditorTool Name="Italic" />
                                <telerik:EditorTool Name="Underline" />
                                <telerik:EditorTool Name="InsertUnorderedList" />
                                <telerik:EditorTool Name="InsertOrderedList" />
                                <telerik:EditorTool Name="Indent" />
                                <telerik:EditorTool Name="Outdent" />
                                <telerik:EditorTool Name="InsertSymbol" />
                                <telerik:EditorTool Name="InsertLink" />
                            </telerik:EditorToolGroup>
                        </Tools>
                    </telerik:RadEditor>
                </EditItemTemplate>
            </telerik:GridTemplateColumn>
            <telerik:GridButtonColumn CommandName="Delete" UniqueName="DeleteColumnDegreeClassRules"
                Text="Delete rule" ConfirmText="Delete this rule?" ConfirmTitle="Delete" ConfirmDialogType="RadWindow"
                HeaderStyle-Width="30px" ItemStyle-HorizontalAlign="Center"
                ButtonType="ImageButton" ImageUrl="../images/delete12.png" DataType="System.Boolean">
                <ItemStyle CssClass="MyImageButton"></ItemStyle>
            </telerik:GridButtonColumn>
        </Columns>
        <EditFormSettings ColumnNumber="1" CaptionDataField="DegreeClassRuleName" CaptionFormatString="Edit properties of rule: {0}">
            <FormStyle Width="100%" BackColor="Ivory"></FormStyle>
            <FormTableItemStyle Wrap="False"></FormTableItemStyle>
            <EditColumn UniqueName="EditColumnDegreeClassRule" ButtonType="PushButton"
                InsertText="Insert" UpdateText="Update" CancelText="Cancel" ></EditColumn>
            <FormTableButtonRowStyle HorizontalAlign="Right" ></FormTableButtonRowStyle>
        </EditFormSettings>
    </MasterTableView>
    <ClientSettings>
        <ClientEvents OnRowDblClick="rowDblClick" />
    </ClientSettings>
</telerik:RadGrid>​

Thank you. Appreciate your reply.

Zaly

I am opening up an .aspx page with a radgrid on it. I click a button and it runs the 4 lines of code below.

When I use the window.open javascript to open this aspx page and then click the button to run the above code, I get the export for the grid.

When I use the window.ShowModalDialog javascript to open the aspx page and then click the button to run the above code, I do not get any export or response.

 What am I doing wrong or missing?

We're having an issue after the last telerik updates and i'm wondering if this was intentional? And how do we get scrolling back?

I attached 2 screen shots newver.jpg is the latest Q3 telerik update we installed.

oldver.jpg is the Q1 update which by default scrolled.

nothing else has change don our controls 

Here is the aspx code:

Code behind is untouched, this was found by our QA team. Is there a simple style fix we can apply?

I have 6 steps (with 5 sessions of classes and a Review and Submit step), each step has a gridview to list classes available to be taught in corresponding session.  The first column of each gridview is a TemplateField  with a checkbox so individuals can click to register for class.  The boxes are persistent across steps which is nice. When the user gets to the final step, I would like to have another gridview to list the classes they have selected from the previous 5 steps, just as a review before submitting.

I have build a dynamic DataTable to hold the users responses as the cycle through the wizard so I can display the classes they have selected on the last step before clicking finish.

I am having trouble accessing the checkbox in the gridview in each step.  Not sure which event to use and if I have to FindControl the gridview first then the checkbox, etc.

I tried using the NextButtonClick event, and SELECT CASE the RadWizard.ActiveStepIndex to determine what step they are on then using the following but to no avail.

Protected Sub RadWizardNextButtonClick(sender As Object, e As Telerik.Web.UI.WizardEventArgs) Handles radWizard.NextButtonClick
Select Case radWizard.ActiveStepIndex
Case 0
For Each item As GridViewRow In GridView1.Rows
Dim chk As CheckBox = DirectCast(item.FindControl("CheckBox1"), CheckBox)
If chk IsNot Nothing Then
Session1 = item.Cells(1).Text
End If
Next
Case 2
For Each item As GridViewRow In GridView2.Rows
Dim chk As CheckBox = DirectCast(item.FindControl("CheckBox1"), CheckBox)
If chk IsNot Nothing Then
Session2 = item.Cells(1).Text
End If
Next
Case 3
For Each item As GridViewRow In GridView3.Rows
Dim chk As CheckBox = DirectCast(item.FindControl("CheckBox1"), CheckBox)
If chk IsNot Nothing Then
Session3 = item.Cells(1).Text
End If
Next
Case 4......