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