<telerik:RadGrid ID="RadGrid1" runat="server" AllowAutomaticDeletes="True" AllowAutomaticInserts="True" AllowAutomaticUpdates="True" AllowPaging="True" AllowSorting="True" Culture="it-IT" DataSourceID="SqlDataSource1" PageSize="20" Width="100%" Skin="Outlook"> <ExportSettings> <Pdf PageWidth=""> </Pdf> </ExportSettings> <MasterTableView AutoGenerateColumns="False" CommandItemDisplay="Top" DataKeyNames="Id" DataSourceID="SqlDataSource1"> <Columns> <telerik:GridEditCommandColumn ButtonType="ImageButton"> <HeaderStyle Width="30px" /> </telerik:GridEditCommandColumn> <telerik:GridBoundColumn DataField="Id" DataType="System.Int32" FilterControlAltText="Filter Id column" HeaderText="Id" ReadOnly="True" SortExpression="Id" UniqueName="Id"> <ColumnValidationSettings> <ModelErrorMessage Text="" /> </ColumnValidationSettings> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="name" FilterControlAltText="Filter name column" HeaderText="Name" SortExpression="name" UniqueName="name"> <ColumnValidationSettings EnableModelErrorMessageValidation="True" EnableRequiredFieldValidation="True" RenderValidatorBeforeEditor="True"> <RequiredFieldValidator ErrorMessage="This filed is required! " ForeColor="Red"></RequiredFieldValidator> </ColumnValidationSettings> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="surname" FilterControlAltText="Filter surname column" HeaderText="Surname" SortExpression="surname" UniqueName="surname"> <ColumnValidationSettings EnableModelErrorMessageValidation="True" EnableRequiredFieldValidation="True" RenderValidatorBeforeEditor="True"> <RequiredFieldValidator ErrorMessage="This filed is required! " ForeColor="Red"></RequiredFieldValidator> </ColumnValidationSettings> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="userName" DefaultInsertValue="" FilterControlAltText="Filter userName column" HeaderText="User Name" SortExpression="userName" UniqueName="userName"> <ColumnValidationSettings EnableModelErrorMessageValidation="True" EnableRequiredFieldValidation="True" RenderValidatorBeforeEditor="True"> <RequiredFieldValidator ErrorMessage="This filed is required! " ForeColor="Red"></RequiredFieldValidator> </ColumnValidationSettings> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="password" DefaultInsertValue="" FilterControlAltText="Filter password column" HeaderText="Password" SortExpression="password" UniqueName="password" Display="False"> <ColumnValidationSettings EnableModelErrorMessageValidation="True" EnableRequiredFieldValidation="True" RenderValidatorBeforeEditor="True"> <RequiredFieldValidator ErrorMessage="This filed is required! " ForeColor="Red"></RequiredFieldValidator> </ColumnValidationSettings> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="email" DefaultInsertValue="@stadlerrail.com" FilterControlAltText="Filter email column" HeaderText="Email" SortExpression="email" UniqueName="email"> <ColumnValidationSettings EnableModelErrorMessageValidation="True" EnableRequiredFieldValidation="True" RenderValidatorBeforeEditor="True"> <RequiredFieldValidator ErrorMessage="This filed is required! " ForeColor="Red"></RequiredFieldValidator> </ColumnValidationSettings> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="telephone" DefaultInsertValue="+" FilterControlAltText="Filter telephone column" HeaderText="Telephone" SortExpression="telephone" UniqueName="telephone"> <ColumnValidationSettings EnableModelErrorMessageValidation="True" EnableRequiredFieldValidation="True" RenderValidatorBeforeEditor="True"> <RequiredFieldValidator ErrorMessage="This filed is required! " ForeColor="Red"></RequiredFieldValidator> </ColumnValidationSettings> </telerik:GridBoundColumn> <telerik:GridButtonColumn ButtonType="ImageButton" Text="Delete" CommandName="Delete" FilterControlAltText="Filter column1 column" ConfirmDialogType="RadWindow" ConfirmText="Do you really want to delete this project and all its content?" UniqueName="column1"> <HeaderStyle Width="30px" /> </telerik:GridButtonColumn> </Columns> <EditFormSettings EditFormType="Template"> <EditColumn UniqueName="EditCommandColumn1" FilterControlAltText="Filter EditCommandColumn1 column"></EditColumn> <FormTemplate> <style type="text/css"> .auto-style1 { width: 100%; background-color: azure; } .auto-style2 { width: 84px; } .auto-style5 { text-align: left; width: 386px; } </style> <table class="auto-style1"> <tr> <td class="auto-style2"></td> <td class="auto-style5"> </td> </tr> <tr> <td class="auto-style2">Name:</td> <td class="auto-style5"> <asp:TextBox ID="name" runat="server" Width="200px" Height="22px" Text='<%# Bind( "name" ) %>'>></asp:TextBox> <asp:RequiredFieldValidator ID="RequiredFieldValidator2" ControlToValidate="name" ErrorMessage="This field shall be filled" runat="server" BackColor="Red"> </asp:RequiredFieldValidator> <asp:RegularExpressionValidator ID="validateName" runat="server" ErrorMessage="Invalid Name. You shall insert letters only." ForeColor="Red" ControlToValidate="name" ValidationExpression="^[^\W\d_]+$" /> </td> </tr> <tr> <td class="auto-style2">Surname:</td> <td class="auto-style5"> <asp:TextBox ID="surname" runat="server" Width="200px" Height="22px" Text='<%# Bind( "surname" ) %>'>></asp:TextBox> <asp:RequiredFieldValidator ID="RequiredFieldValidator3" ControlToValidate="surname" ErrorMessage="This field shall be filled" runat="server" BackColor="Red"> </asp:RequiredFieldValidator> <asp:RegularExpressionValidator ID="validateSurname" runat="server" ErrorMessage="Invalid Surname. You shall insert letters only." ForeColor="Red" ControlToValidate="surname" ValidationExpression="^[^\W\d_]+$" /> </td> </tr> <tr> <td class="auto-style2">User Name:</td> <td class="auto-style5"> <asp:TextBox ID="userName" runat="server" Width="200px" Height="22px" Text='<%# Bind( "userName" ) %>'>></asp:TextBox> <asp:RequiredFieldValidator ID="RequiredFieldValidator1" ControlToValidate="UserName" ErrorMessage="This field shall be filled" runat="server" BackColor="Red"> </asp:RequiredFieldValidator> </td> </tr> <tr> <td class="auto-style2">Password:</td> <td class="auto-style5"> <asp:TextBox ID="password" runat="server" Width="200px" TextMode="Password" Height="22px" Text='<%# Bind( "password" ) %>'>></asp:TextBox> <asp:RequiredFieldValidator ID="RequiredFieldValidator7" ControlToValidate="password" ErrorMessage="This field shall be filled" runat="server" BackColor="Red"> </asp:RequiredFieldValidator> <asp:RegularExpressionValidator ID="validatePassword" runat="server" ErrorMessage="Password shall at least 8 characters that contains at least one lowercase and one uppercase ASCII character and also at least one character from the set @#$%^&+= (in any order)" ForeColor="Red" ControlToValidate="password" ValidationExpression="^(?=.{8,})(?=.*[a-z])(?=.*[A-Z])(?=.*[@#$%^&+=]).*$" /> </td> </tr> <tr> <td class="auto-style2">Email:</td> <td class="auto-style5"> <asp:TextBox ID="email" runat="server" Width="200px" Height="22px" Text='<%# Bind( "email" ) %>'>></asp:TextBox> <asp:RequiredFieldValidator ID="RequiredFieldValidator9" ControlToValidate="email" ErrorMessage="This field shall be filled" runat="server" BackColor="Red"> </asp:RequiredFieldValidator> <asp:RegularExpressionValidator ID="validateEmail" runat="server" ErrorMessage="Invalid email. name.surname@stadlerrail.com" ForeColor="Red" ControlToValidate="email" ValidationExpression="^[a-zA-Z0-9_]+\.[a-zA-Z0-9_]+@stadlerrail.com$" /> </td> </tr> <tr> <td class="auto-style2">Telephone:</td> <td class="auto-style5"> <asp:TextBox ID="telephone" runat="server" Width="200px" Height="22px" Text='<%# Bind( "telephone" ) %>'>></asp:TextBox> </td> </tr> <tr> <td class="auto-style2"> </td> <td> </td> </tr> <tr> <td class="auto-style2"> </td> <td class="auto-style5"> <asp:Button ID="btnUpdate" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>' runat="server" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'></asp:Button> <asp:Button ID="btnCancel" Text="Cancel" runat="server" CausesValidation="False" CommandName="Cancel" Style="text-align: right"></asp:Button> </td> </tr> </table> </FormTemplate> </EditFormSettings> </MasterTableView> </telerik:RadGrid>DataBinding: 'Telerik.Web.UI.GridInsertionObject' does not contain a property with the name 'strDescription'. Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code. Exception Details: System.Web.HttpException: DataBinding: 'Telerik.Web.UI.GridInsertionObject' does not contain a property with the name 'strDescription'.<EditFormSettings EditFormType="Template"> <FormTemplate> <table style="width:100%;background-color:antiquewhite"> <tr> <td style="height:10px"></td> </tr> <tr> <td style="width:10%;text-align:right">Position Description: </td> <td style="width:90%;text-align:left"><asp:TextBox ID="txtdescription" runat="server" Width="200px" Text='<%#Bind("strDescription") %>'></asp:TextBox></td> </tr> <tr> <td style="height:10px"></td> </tr> <tr> <td style="width:10%;text-align:right">Position Scale: </td> <td style="width:90%;text-align:left"><asp:TextBox ID="txtScale" runat="server" Width="200px" Text='<%#Bind("strScale") %>'></asp:TextBox></td> </tr> <tr> <td style="height:10px"></td> </tr> <tr> <td style="width:10%;text-align:right">Position Type: </td> <td style="width:90%;text-align:left"><asp:TextBox ID="txtPosType" runat="server" Width="200px" Text='<%#Bind("strPositionType") %>'></asp:TextBox></td> </tr> <tr> <td style="height:10px"></td> </tr> <tr> <td style="width:10%;text-align:right">Position Grade: </td> <td style="width:90%;text-align:left"><asp:TextBox ID="txtGrade" runat="server" Width="200px" Text='<%#Bind("strGrade") %>'></asp:TextBox></td> </tr> <tr> <td style="height:5px"></td> </tr> <tr> <td style="width:10%;text-align:right"></td> <td style="width:90%;text-align:left"> <asp:LinkButton ID="lnkSubmit" runat="server" Text='<%# ((bool)DataBinder.Eval(Container, "OwnerTableView.IsItemInserted")) ? "Insert" : "Update" %>' CommandName='<%# ((bool)DataBinder.Eval(Container, "OwnerTableView.IsItemInserted")) ? "PerformInsert" : "Update" %>'> </asp:LinkButton> <asp:LinkButton ID="lnkCancel" runat="server" CausesValidation="false" CommandName="Cancel" Text="Cancel"></asp:LinkButton> </td> </tr> </table> </FormTemplate> </EditFormSettings> if (e.CommandName == RadGrid.PerformInsertCommandName && e.Item.OwnerTableView.Name == "Positions") { GridEditableItem item = e.Item as GridEditableItem; GridDataItem parentItem = e.Item.OwnerTableView.ParentItem; //int sectionId = Convert.ToInt32(item.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["intSectionId"]); int secId = Convert.ToInt32(parentItem.OwnerTableView.DataKeyValues[parentItem.ItemIndex]["intSectionId"]); TextBox descrip = (TextBox)item.FindControl("txtdescription"); TextBox scale = (TextBox)item.FindControl("txtScale"); TextBox posType = (TextBox)item.FindControl("txtPosType"); TextBox grade = (TextBox)item.FindControl("txtGrade"); sql = "Execute usp_InsertPosition " + secId + ", '" + c.SanitizeString(descrip.Text) + "', '" + c.SanitizeString(scale.Text) + "', '" + c.SanitizeString(posType.Text) + "', '" + c.SanitizeString(grade.Text) + "'"; c.InsertUpdateDelete(sql); // myradGrid.Rebind(); }<script type="text/javascript"> function ShowWindow(dealid) { var oWnd = window.radopen('Windows/DealReassignmentPopup.aspx', 'window1'); }</script>protected void gridAssignSingleDeal_ItemCommand(object sender, Telerik.Web.UI.GridCommandEventArgs e) { if (e.CommandName == "OpenWindow") { int datakeyvalue = Helper.IntHelper((e.Item as GridDataItem).GetDataKeyValue("ID")); string script = string.Format("<script language='javascript' type='text/javascript'>Sys.Application.add_load(ShowWindow({0}));</script>",datakeyvalue); ClientScript.RegisterStartupScript(this.GetType(), "showWindow", script); } }
.RadGrid_VCGrid
.rgMasterTable thead
{
background
: url('../images/tabletop-bk.png') left repeat-x;
}
.RadGrid_VCGrid
.rgMasterTable th.rgExpandCol
{
background: url('../images/tabletop-left-bk.png') left top no-repeat;
}
Please advise
Elin


<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="RadWindowResizeRTL._Default" %><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title></head><body onload="PageLoad();" style="direction: rtl;"> <form id="form1" runat="server"> <div> <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server"> <script type="text/javascript"> function PageLoad() { $find('<%=me.MainWebFormRadSplitter .ClientID %>'). set_height($telerik.$(window).height() - 50); window.onresize = function () { $find('<%=me.MainWebFormRadSplitter .ClientID %>'). set_height($telerik.$(window).height() - 50); }; var MWindow = $find('<%=Me.MainRadWindow.ClientID %>'); MWindow.set_width($find('<%=Me.MainRadWindowRadPane.ClientID%>').get_width()); MWindow.set_height($find('<%=Me.MainRadWindowRadPane.ClientID %>').get_height()); MWindow.setUrl("http://www.telerik.com/"); MWindow.set_title("MWindow"); MWindow.show(); } function MainRadWindowRadPane_Resized(sender, args) { var MWindow = $find('<%=Me.MainRadWindow.ClientID %>'); MWindow.set_width(sender.get_width()); MWindow.set_height(sender.get_height()); } </script> </telerik:RadCodeBlock> <telerik:RadScriptManager ID="MainWebFormRadScriptManager" runat="server"> </telerik:RadScriptManager> </div> <telerik:RadAjaxManager ID="MainWebFormRadAjaxManager" runat="server" DefaultLoadingPanelID="MainWebFormRadAjaxLoadingPanel"> </telerik:RadAjaxManager> <telerik:RadAjaxLoadingPanel ID="MainWebFormRadAjaxLoadingPanel" runat="server" Skin="Default"> </telerik:RadAjaxLoadingPanel> <telerik:RadWindowManager ID="MainWebFormRadWindowManager" runat="server"> <Windows> <telerik:RadWindow ID="MainRadWindow" runat="server" Behavior="Reload" Behaviors="Reload" DestroyOnClose="True" NavigateUrl="http://www.telerik.com/" ReloadOnShow="True" RestrictionZoneID="MainRadWindowRadPane" ShowContentDuringLoad="False" ShowOnTopWhenMaximized="False" Title="MainRadWindow" VisibleStatusbar="False"> </telerik:RadWindow> </Windows> </telerik:RadWindowManager> <telerik:RadSkinManager ID="MainWebFormRadSkinManager" runat="server"> </telerik:RadSkinManager> <br /> <telerik:RadSplitter ID="MainWebFormRadSplitter" runat="server" Width="100%"> <telerik:RadPane ID="PanelRadPane" runat="server" Width="200px" Index="0"> </telerik:RadPane> <telerik:RadPane ID="MainRadWindowRadPane" runat="server" OnClientResized="MainRadWindowRadPane_Resized" Index="1"></telerik:RadPane> </telerik:RadSplitter> </form></body></html> <httpHandlers> <remove verb="*" path="*.asmx"/> <add verb="*" path="*.asmx" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/> <add verb="*" path="*_AppService.axd" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/> <add verb="GET,HEAD" path="ScriptResource.axd" validate="false" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/> <add path="Telerik.Web.UI.WebResource.axd" verb="*" type="Telerik.Web.UI.WebResource, Telerik.Web.UI, Version=2008.2.723.20, Culture=neutral, PublicKeyToken=121fae78165ba3d4" validate="false" /></httpHandlers> <httpModules> <add name="ScriptModule" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/></httpModules>
Hi,
Is there a way to make the DateInput control to be on the same line as the label instead of a new line? I also have a hard time moving the icon closer to the DateInput box. I tried to play around with the width of the container, DateInput-Width, DateInput-LabelWidth, but couldn't get it to work. Perhaps I need to tweek the HTML as presented in this doc?
http://www.telerik.com/help/aspnet-ajax/calendar-understanding-skin-css-file.html
I have attached a screen shot of what my RadDatePicker and here's a portion of my ascx code:
<style type="text/css"> .forecast { width:inherit; height:inherit; } .closedate { float:left; display: inline-block; background-color:aqua; width:300px; } .probability { clear:right; display: inline-block; background-color:orange; width: 180px; } .product { float:left; display: inline-block; background-color:green; width: 230px; } .expectamt { float:left; display: inline-block; background-color:yellow; width: 180px; }</style><asp:HiddenField ID="leadIdHidden" runat="server" /><asp:FormView ID="DetailForecastFormView" runat="server" DataSourceID="ObjectDataSource1" DataKeyNames="lead_id" OnDataBound="DetailForecastFormView_DataBound" BackColor="White" BorderColor="White" BorderStyle="Ridge" BorderWidth="2px" CellPadding="3" CellSpacing="1"> <EditRowStyle BackColor="#9471DE" Font-Bold="True" ForeColor="White" /> <FooterStyle BackColor="#C6C3C6" ForeColor="Black" /> <HeaderStyle BackColor="#4A3C8C" Font-Bold="True" ForeColor="#E7E7FF" /> <ItemTemplate> <div class="forecast"> <%--<asp:Label ID="leadLabel" runat="server" Text='<%# Eval("lead_id") %>'></asp:Label>--%> <div class="closedate"> <%--<asp:Label ID="Label1" runat="server" Text="Expected Close Date:" />--%> <%--<telerik:RadDatePicker ID="RadExpectCloseDate" runat="server" DateInput-Label="Exp.Date:" DateInput-Width="100px" DateInput-LabelWidth="60px" SelectedDate='<%# Eval("update_dtime") %>' />--%> <telerik:RadDatePicker ID="RadExpectCloseDate" runat="server" SelectedDate='<%# Eval("update_dtime") %>' > <DateInput runat="server" Label="Expected Date:" LabelWidth="100%"></DateInput> </telerik:RadDatePicker> </div> <div class="probability"> <telerik:RadNumericTextBox ID="RadProbTextBox" runat="server" Label="Probability To Close:" LabelWidth="100px" Type="Percent" DbValue='<%# Eval("perc_to_close") %>' /> <%--<telerik:RadSlider ID="RadSlider1" runat="server" />--%> </div> <div class="product"><%-- <telerik:RadComboBox ID="RadProductComboBox" runat="server" Label="Product:" DataSourceID="ProductDataSource" SelectedValue='<%# Eval("product_id") %>' DataTextField="product_name" DataValueField="product_id" AllowCustomText="true" EmptyMessage="Please select a product" />--%> <telerik:RadComboBox ID="RadProductComboBox" runat="server" Label="Product:" AllowCustomText="true" EmptyMessage="Please select a product" /> </div> <div class="expectamt"> <telerik:RadNumericTextBox ID="RadExpectAmtTextBox" runat="server" Label="Expected Amount:" LabelWidth="100px" Type="Currency" DbValue='<%# Eval("exp_points") %>' /> </div> </div> </ItemTemplate> <PagerStyle BackColor="#C6C3C6" ForeColor="Black" HorizontalAlign="Right" /> <RowStyle BackColor="#DEDFDE" ForeColor="Black" /></asp:FormView>
Thank you,
Helen