Welcome Guest Search | Active Topics | Sign In | Register

Essential Objects Product Support Forum » All Products » Support » Datepicker in GRID

Datepicker in GRID Options
Previous Topic · Next Topic
EPC DB
Posted: Wednesday, December 2, 2009 9:05:03 AM
Rank: Member
Groups: Member

Joined: 3/4/2008
Posts: 24
Hello,
I can't display the datepicker in a grid
here is my ASPX code for the grid

<eo:Grid ID="Grid1" runat="server" BorderColor="#828790" BorderWidth="1px" ColumnHeaderAscImage="00050204"
ColumnHeaderDescImage="00050205" ColumnHeaderDividerImage="00050203" Font-Bold="False"
Font-Italic="False" Font-Names="Tahoma" Font-Overline="False" Font-Size="8.75pt"
Font-Strikeout="False" Font-Underline="False"
GridLineColor="240, 240, 240" GridLines="Both"
Height="345px" ItemHeight="19" Width="1200px" FullRowMode="False" AllowPaging="True"
AllowNewItem="True">
<FooterStyle CssText="padding-bottom:4px;padding-left:4px;padding-right:4px;padding-top:4px;" />
<ItemStyles>
<eo:GridItemStyleSet>
<ItemStyle CssText="background-color: white"></ItemStyle>
<ItemHoverStyle CssText="background-image: url(00050206); background-repeat: repeat-x">
</ItemHoverStyle>
<SelectedStyle CssText="background-image: url(00050207); background-repeat: repeat-x">
</SelectedStyle>
<CellStyle CssText="padding-left:8px;padding-top:2px;"></CellStyle>
</eo:GridItemStyleSet>
</ItemStyles>
<ColumnTemplates>
<eo:TextBoxColumn>
<TextBoxStyle CssText="BORDER-RIGHT: #7f9db9 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7f9db9 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 8.75pt; PADDING-BOTTOM: 1px; MARGIN: 0px; BORDER-LEFT: #7f9db9 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #7f9db9 1px solid; FONT-FAMILY: Tahoma" />
</eo:TextBoxColumn>
<eo:DateTimeColumn>
<DatePicker ControlSkinID="None" DayCellHeight="16" DayCellWidth="19" DayHeaderFormat="FirstLetter"
DisabledDates="" OtherMonthDayVisible="True" SelectedDates="" TitleLeftArrowImageUrl="DefaultSubMenuIconRTL"
TitleRightArrowImageUrl="DefaultSubMenuIcon">
<TodayStyle CssText="font-family: tahoma; font-size: 12px; border-right: #bb5503 1px solid; border-top: #bb5503 1px solid; border-left: #bb5503 1px solid; border-bottom: #bb5503 1px solid" />
<SelectedDayStyle CssText="font-family: tahoma; font-size: 12px; background-color: #fbe694; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
<DisabledDayStyle CssText="font-family: tahoma; font-size: 12px; color: gray; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
<PickerStyle CssText="border-bottom-color:#7f9db9;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#7f9db9;border-left-style:solid;border-left-width:1px;border-right-color:#7f9db9;border-right-style:solid;border-right-width:1px;border-top-color:#7f9db9;border-top-style:solid;border-top-width:1px;font-family:Courier New;font-size:8pt;margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;padding-bottom:1px;padding-left:2px;padding-right:2px;padding-top:2px;" />
<CalendarStyle CssText="background-color: white; border-right: #7f9db9 1px solid; padding-right: 4px; border-top: #7f9db9 1px solid; padding-left: 4px; font-size: 9px; padding-bottom: 4px; border-left: #7f9db9 1px solid; padding-top: 4px; border-bottom: #7f9db9 1px solid; font-family: tahoma" />
<TitleArrowStyle CssText="cursor:hand" />
<DayHoverStyle CssText="font-family: tahoma; font-size: 12px; border-right: #fbe694 1px solid; border-top: #fbe694 1px solid; border-left: #fbe694 1px solid; border-bottom: #fbe694 1px solid" />
<MonthStyle CssText="font-family: tahoma; font-size: 12px; margin-left: 14px; cursor: hand; margin-right: 14px" />
<TitleStyle CssText="background-color:#9ebef5;font-family:Tahoma;font-size:12px;padding-bottom:2px;padding-left:6px;padding-right:6px;padding-top:2px;" />
<OtherMonthDayStyle CssText="font-family: tahoma; font-size: 12px; color: gray; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
<DayHeaderStyle CssText="font-family: tahoma; font-size: 12px; border-bottom: #aca899 1px solid" />
<DayStyle CssText="font-family: tahoma; font-size: 12px; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
</DatePicker>
</eo:DateTimeColumn>
<eo:MaskedEditColumn>
<MaskedEdit ControlSkinID="None" TextBoxStyle-CssText="BORDER-RIGHT: #7f9db9 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7f9db9 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 1px; MARGIN: 0px; BORDER-LEFT: #7f9db9 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #7f9db9 1px solid; font-family:Courier New;font-size:8pt;">
</MaskedEdit>
</eo:MaskedEditColumn>
</ColumnTemplates>
<ColumnHeaderHoverStyle CssText="background-image:url('~/Images/Header_Hover_40.gif');padding-left:8px;padding-top:4px;" />
<ColumnHeaderStyle CssText="background-image:url('~/Images/Header_Normal_40.gif');padding-left:8px;padding-top:4px;" />
<Columns>
<eo:TextBoxColumn DataField="Background" HeaderText="Background" Name="background">
</eo:TextBoxColumn>
<eo:TextBoxColumn AllowResize="False" AllowSort="True" DataField="Measure" HeaderText="Measure"
Name="measure">
</eo:TextBoxColumn>
<eo:CustomColumn AllowResize="False" AllowSort="True" DataField="Measure_Type" HeaderText="Type"
ClientSideBeginEdit="on_begin_edit" ClientSideEndEdit="on_end_edit" Name="measureType">
<EditorTemplate>
<select id="type_dropdown">
<option>GWO</option>
<option>CWO</option>
<option>CsI</option>
<option>NaI</option>
</select>
</EditorTemplate>
</eo:CustomColumn>
<eo:DateTimeColumn Name="measureDate" HeaderText="Measure Date" DataField="Measure_Date">
<DatePicker DayCellHeight="16" TitleLeftArrowHoverImageUrl="00040205" SelectedDates=""
DisabledDates="" DisableWeekendDays="True" PopupDownImageUrl="00040202" PopupImageUrl="00040201"
TitleRightArrowHoverImageUrl="00040207" TitleLeftArrowImageUrl="00040204" TitleRightArrowImageUrl="00040206"
DayCellWidth="24" PopupHoverImageUrl="00040203" ControlSkinID="None">
<SelectedDayStyle CssText="font-family: verdana; font-size: 8pt; background-image: url(00040208)">
</SelectedDayStyle>
<DisabledDayStyle CssText="font-family: verdana; font-size: 8pt; color:Gray;"></DisabledDayStyle>
<PickerStyle CssText="border-right: black 1px solid; border-top: black 1px solid; font-size: 8pt; border-left: black 1px solid; border-bottom: black 1px solid; font-family: courier new">
</PickerStyle>
<CalendarStyle CssText="background-color:#EBE9ED;border-bottom-color:black;border-bottom-style:solid;border-bottom-width:1px;border-left-color:black;border-left-style:solid;border-left-width:1px;border-right-color:black;border-right-style:solid;border-right-width:1px;border-top-color:black;border-top-style:solid;border-top-width:1px;">
</CalendarStyle>
<DayHoverStyle CssText="font-family: verdana; font-size: 8pt; background-image:url('00040208');">
</DayHoverStyle>
<MonthStyle CssText="font-family: verdana; font-size: 8pt; cursor: hand;"></MonthStyle>
<TitleStyle CssText="padding-right: 3px; padding-left: 3px; font-weight: bold; font-size: 8pt; padding-bottom: 3px; color: black; padding-top: 3px; font-family: tahoma; background-color: transparent">
</TitleStyle>
<DayHeaderStyle CssText="font-weight: bold; font-size: 11px; color: black; border-bottom: black 1px solid; font-family: verdana">
</DayHeaderStyle>
<DayStyle CssText="font-family: verdana; font-size: 8pt;"></DayStyle>
</DatePicker>
</eo:DateTimeColumn>
<eo:StaticColumn AllowSort="True" DataField="User_Name" HeaderText="User" Name="user"
ReadOnly="True" Width="150">
</eo:StaticColumn>
<eo:DeleteCommandColumn DeleteText="&lt;img src=&quot;../Images/trash.png&quot; width=&quot;15&quot; height=&quot;15&quot; title=&quot;Delete row&quot;&gt;"
Width="80">
</eo:DeleteCommandColumn>
<eo:StaticColumn DataField="Id_Eqp" HeaderText="Id_Eqp" Name="idEqp" Width="50">
</eo:StaticColumn>
<eo:StaticColumn DataField="Id_Radiation" Name="Id_Radiation" ReadOnly="True" Width="0">
</eo:StaticColumn>
</Columns>
</eo:Grid>
Back to top
 
eo_support
Posted: Wednesday, December 2, 2009 9:12:20 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Hi,

Your code is fine. Except that the DatePicker is only displayed in edit mode, so you will need to either place the cell or the row into edit mode. Please see here for more information about editing Grid:

http://doc.essentialobjects.com/library/1/grid/editing.aspx

Thanks!
Back to top
 
EPC DB
Posted: Wednesday, December 2, 2009 10:19:14 AM
Rank: Member
Groups: Member

Joined: 3/4/2008
Posts: 24
Apparently, this problem occured on Google Chrome not with Firefox
Back to top
 
eo_support
Posted: Wednesday, December 2, 2009 3:57:17 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Hi,

We have confirmed this to be a bug and posted a new build with the fix. Please see your private message for download location.

Thanks!
Back to top
 


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.