Telerik Forums
UI for ASP.NET AJAX Forum
6 answers
630 views
Hi,
I have this grid with an EditFormTemplate :
 
<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>

Code behind is c#

Two problems:
1)
In the main grid the column password is set to visible=false. In the edit form template the value in "password" column is not displayed when the form is opened for edit/update. This cause a problem because:

A) the admin editing the record thinks that the value does not exist
B) having set a validator on such filed is not possible to update the record without entering a new password.

I would like to show the classic ************* without having to fight with the validator regex on a new update of the record.
How can I achieve that?

2)
I have set the default value of username and password to "" because on opening of a new record, the form displays the admin username and the password in password mode ******* in the relevant text boxes which should not happen but for some reason the values of the logged admin get displayed in those text boxes by default!
Is there a way to avoid this behavior rather than setting the default values to ""?
I have attached a picture, taken from the production server on creating a new record, showing such behavior when the default value of those two text boxes is not set to "".

Thanks,
Felice
Princy
Top achievements
Rank 2
 answered on 11 Jun 2014
3 answers
131 views
I am having a problem inserting records on a Sub heirarchial grid.  If no dta exists it errors our the bind function for the editing.  But if existing data is loaded for that sub grid the insert works just fine.   So on insert of the datatable has nothing in it it will error out on the 1st textbox that is bound to data from datatable and give the follwoing error.  But the problem is the field is there becuase it works for other rows with data.  If you manually insert record, it will work fine.  What is the work around to this.

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();
       }
Shinu
Top achievements
Rank 2
 answered on 11 Jun 2014
2 answers
473 views
Here is my javascript:

<script type="text/javascript">
    function ShowWindow(dealid) {
        
        var oWnd = window.radopen('Windows/DealReassignmentPopup.aspx', 'window1');
    }
</script>

and my code behind:

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);
                        
        }
    }


If I do not pass it any parameters ( take out string.format) it works. If I try to pass it a parameter, it does not, it says this error:

Unhandled exception at line 17467, column 1 
0x800a138f - JavaScript runtime error: Unable to get property 'open' of undefined or null reference





All I want to do is have a button on my grid that when I click it, it opens a radwindow with a parameter. If I have to do this another way, I am up for that.
Garrett
Top achievements
Rank 1
 answered on 11 Jun 2014
7 answers
121 views
I've not used RadTreeView before.  I have a pair of header detail tables that I want to preset using a treeview.

If I understand what I'm reading, there is no simple built-in way to do this.  
Is this true?

(Do I have to bind the header records to nodes first and then programmatically add the details to each header note?)
Boris
Top achievements
Rank 1
 answered on 10 Jun 2014
4 answers
397 views
Hi for all.

I am facing a problem with Grid exporting since I need to page break my report every header item. I am using the groupByExpression method. Can you please give me an example of the implementation?
Had already found these topics, but no one helped me:

http://www.telerik.com/forums/pdf-export-and-page-break
http://www.telerik.com/support/code-library/printing-grid-headers-on-every-page
Viktor Tachev
Telerik team
 answered on 10 Jun 2014
16 answers
732 views
Hello,

I'd like to make a rounded corner for the radgrid header. Is there a way to do it?
I have changed the css on the rgMasterTable thead to be the background image and set .rgMasterTable th.rgExpandCol as the background image. However, it makes the column header to be blank.
Example,

.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

Galin
Telerik team
 answered on 10 Jun 2014
3 answers
137 views
Is there any way to not display the ViewPath location to the user but still allow them to upload?  I tried to not define the property, but that also disabled the Upload button.
Vessy
Telerik team
 answered on 10 Jun 2014
4 answers
331 views
Hi ,

i am working with VS 2013 update 2 , and 2013 Q3 SP2


<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="RadWindowResizeRTL._Default" %>
 
<!DOCTYPE html>
 
<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>

add this aspx code to a new project and then run the project and try to re-size the browser window and see what happened , then remove or change the style added to <body> and run the project .

i attached screen shots to show the difference .
Mohammed
Top achievements
Rank 1
 answered on 10 Jun 2014
10 answers
298 views
Hi,

I have 2008.2.723.20 version of Telerik.Web.UI.dll and have following config statements in web.config:

    <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>

In my local system (Windows 2003 with IIS6, everything works just fine). But when I port code to production server (Windows 2008 and IIS7), tab strip control is getting displayed but nothing happens when I click it.

Please help me with this issue..


Plamen
Telerik team
 answered on 10 Jun 2014
5 answers
336 views

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

Helen
Top achievements
Rank 1
 answered on 10 Jun 2014
Narrow your results
Selected tags
Tags
+? more
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?