Welcome Guest Search | Active Topics | Sign In | Register

Essential Objects Product Support Forum » All Products » Support » DatePicker DayCellHeight

DatePicker DayCellHeight Options
Previous Topic · Next Topic
Susana
Posted: Friday, November 7, 2008 4:08:30 AM
Rank: Member
Groups: Member

Joined: 9/22/2008
Posts: 14
Hello,

I use DayCellHeight parameter for DatePicker and it doesn't work
for Safari and google chrome browsers.

I just need to do calendar more smaller, this field works for IE7 and
FireFox so no for the other browsers, do yo know a way to do calendar
more small and it works on all calendars.

Thank you.
Back to top
 
eo_support
Posted: Friday, November 7, 2008 6:31:23 AM
Rank: Administration
Groups: Administration

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

Cell sizes are determined by DayCellHeight together with various styles (DayStyle, SelectedDayStyle, etc). DayCellHeight is usually used to enlarge cells because setting a size smaller than minimum size determined by style properties cause undesired and inconsistent result. As such you should make sure the style properties are properly set first.

If the problem continues, please post a sample page and we will be happy to take a look.

Thanks
Back to top
 
Susana
Posted: Friday, November 7, 2008 8:14:29 AM
Rank: Member
Groups: Member

Joined: 9/22/2008
Posts: 14
Thank you.

I was setting these parameters so i cannot do a final resutl that works
fine for IE7 and Safari at the same time, well It doesn't works in
safari and Google chrome.
The calendar is shown biger in Safari and Chrome.

You can see an example on:
http://new.friendlyrentals.com/startTest2.aspx?CultureCode=en-GB&RegionId=1

As you can see on url, it works on IE7, but Safari and Chrome the
calendar is biger and it is hidded in the bottom.

Can you help me?

Thank you very much.
Back to top
 
eo_support
Posted: Friday, November 7, 2008 10:43:18 AM
Rank: Administration
Groups: Administration

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

Can you post a test page with your .aspx definition (or anything else that can be used to reproduce the problem)? Make sure it runs independently. We will take that page to run on Safari and Chrome and see what we can find.

Thanks
Back to top
 
Susana
Posted: Monday, November 10, 2008 1:07:28 AM
Rank: Member
Groups: Member

Joined: 9/22/2008
Posts: 14
Hello,

I post the uc I have deloped:

Quote:


<%@ Control Language="VB" AutoEventWireup="false" CodeFile="uc_searchTest2.ascx.vb" Inherits="uc_searchTest2" %>
<%@ Register Assembly="EO.Web" Namespace="EO.Web" TagPrefix="eo" %>

<div id="stsearch">

<div class="blueBar">
<b class="rtopb"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>

<div class="serachBox2Ins">
<table width="892" border="0" class="searchFields" id="searchBox0">
<tr>
<td align="left" class="TW14b" style="width: 425px"><asp:Literal ID="lcTitulo" runat="server">Search</asp:Literal></td>
<td align="left" style="width: 808px">
<asp:CustomValidator id="vldSearchDates" runat="server" CssClass="errorMsg" BackColor="Red" Font-Size="9pt" ForeColor="White" Visible="False"></asp:CustomValidator></td>
<td width="350" align="right"><asp:Literal ID="lcRegions" runat="server"></asp:Literal>&nbsp;
<asp:DropDownList ID="cboRegion" runat="server"></asp:DropDownList>
</td>
</tr>
</table>

<table width="892" border="0" id="searchBox">
<tr>
<td align="left" width="75"><asp:Literal ID="lcArrival" runat="server"></asp:Literal></td>
<td width="135" align="left">
<eo:DatePicker ID="DpckArrival" runat="server" ControlSkinID="None" DayCellHeight="14"
DayCellWidth="19" DayHeaderFormat="FirstLetter" DisabledDates="" OtherMonthDayVisible="True"
PickerFormat="dd/MM/yyyy" SelectedDates="" TitleLeftArrowImageUrl="DefaultSubMenuIconRTL"
TitleRightArrowImageUrl="DefaultSubMenuIcon" VisibleDate="2008-09-01" PopupDownImageUrl="~/imgs/cal_ov.gif" PopupHoverImageUrl="~/imgs/cal.gif" PopupImageUrl="~/imgs/cal.gif" PopupExpandDirection="BottomRight" PopupOffsetY="-45">
<TodayStyle CssClass="IDpckArrival5" />
<SelectedDayStyle CssClass="IDpckArrival8" />
<DisabledDayStyle CssClass="IDpckArrival6" />
<PickerStyle CssText="font-family:Courier New; padding-left:5px; padding-right: 5px; padding-top:0px; padding-bottom:0px;" />
<CalendarStyle CssClass="IDpckArrival1" />
<TitleArrowStyle CssClass="IDpckArrival9" />
<DayHoverStyle CssClass="IDpckArrival4" />
<MonthStyle CssClass="IDpckArrival7" />
<TitleStyle CssClass="IDpckArrival10" />
<OtherMonthDayStyle CssClass="IDpckArrival6" />
<DayHeaderStyle CssClass="IDpckArrival2" />
<DayStyle CssClass="IDpckArrival3" />
<PopupExpandEffect Type="GlideLeftToRight" />
<PopupCollapseEffect Type="GlideLeftToRight" />
</eo:DatePicker>
</td>
<td width="80" align="left"><asp:Literal ID="lcGuests" runat="server"></asp:Literal></td>
<td width="100" align="left"><asp:DropDownList ID="cboPersons" runat="server"></asp:DropDownList></td>
<td width="100" align="left"><asp:Literal ID="lcZone" runat="server"></asp:Literal></td>
<td align="left" width="120"><asp:DropDownList ID="cboZones" runat="server">
</asp:DropDownList></td>
<td width="400" align="right">
<asp:Literal ID="lcApName" runat="server"></asp:Literal>&nbsp;&nbsp;<asp:TextBox ID="txtSearchName" runat="server" Width="113px"></asp:TextBox>
</td>
</tr>
<tr>
<td align="left"><asp:Literal ID="lcDeparture" runat="server"></asp:Literal></td>
<td align="left">
<eo:DatePicker ID="DpckDeparture" runat="server" ControlSkinID="None" DayCellHeight="14"
DayCellWidth="19" DayHeaderFormat="FirstLetter" DisabledDates="" OtherMonthDayVisible="True"
PickerFormat="dd/MM/yyyy" SelectedDates="" TitleLeftArrowImageUrl="DefaultSubMenuIconRTL"
TitleRightArrowImageUrl="DefaultSubMenuIcon" VisibleDate="2008-09-01" PopupDownImageUrl="~/imgs/cal_ov.gif" PopupHoverImageUrl="~/imgs/cal.gif" PopupImageUrl="~/imgs/cal.gif" PopupExpandDirection="TopRight" PopupOffsetY="10">
<TodayStyle CssClass="IDpckArrival5" />
<SelectedDayStyle CssClass="IDpckArrival8" />
<DisabledDayStyle CssClass="IDpckArrival6" />
<PickerStyle CssText="font-family:Courier New; padding-left:5px; padding-right: 5px; padding-top:0px; padding-bottom:0px;" />
<CalendarStyle CssClass="IDpckArrival1" />
<TitleArrowStyle CssClass="IDpckArrival9" />
<DayHoverStyle CssClass="IDpckArrival4" />
<MonthStyle CssClass="IDpckArrival7" />
<TitleStyle CssClass="IDpckArrival10" />
<OtherMonthDayStyle CssClass="IDpckArrival6" />
<DayHeaderStyle CssClass="IDpckArrival2" />
<DayStyle CssClass="IDpckArrival3" />
<PopupExpandEffect Type="GlideLeftToRight" />
<PopupCollapseEffect Type="GlideLeftToRight" />
</eo:DatePicker>
</td>
<td align="left"><asp:Literal ID="lcBedrooms" runat="server"></asp:Literal></td>
<td align="left"><asp:DropDownList ID="cboBedrooms" runat="server"></asp:DropDownList></td>
<td align="left"><asp:Literal ID="lcOrderBy" runat="server"></asp:Literal></td>
<td align="left" style="width: 100px" ><asp:DropDownList ID="cboOrderBy" runat="server">
</asp:DropDownList></td>

<td align="right" id="ss1">
<br />
<div class="btnSearchr"></div><asp:LinkButton ID="ibtnSearch" runat="server" CssClass="btnSearch">Search</asp:LinkButton><div class="btnSearchl"></div>
<div class="btnadvSearchr"></div><asp:HyperLink ID="lnkAdvSearch" runat="server" CssClass="btnadvSearch" Target="_top">Advanced Search</asp:HyperLink><div class="btnadvSearchl"></div>
<div class="clear"></div>
</td>
</tr>
</table>
<table id="searching2" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center" valign="middle" height="100">
<br />
<strong><asp:Literal ID="SearchTxt" runat="server">Searching </asp:Literal></strong> &nbsp;<asp:Image ID="ImageLoading" runat="server" align="top" alt="Loading" />
<br />
</td>
</tr>
</table>
</div>
<b class="rbottomb"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
</div>

</div>

<asp:Literal ID="JSscript" runat="server"></asp:Literal>


And this is CSS
Quote:

.IDpckArrival5 {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}
.IDpckArrival8 {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}
.IDpckArrival6 {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}
.IDpckArrival11 {font-family:Courier New; padding-left:5px; padding-right: 5px; padding-top:0px; padding-bottom:0px;}
.IDpckArrival1 {background-color:white;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:tahoma;font-size:9px;padding-bottom:3px;padding-left:1px;padding-right:1px;padding-top:1px;}
.IDpckArrival9 {cursor:hand}
.IDpckArrival4 {border-bottom-color:#fbe694;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#fbe694;border-left-style:solid;border-left-width:1px;border-right-color:#fbe694;border-right-style:solid;border-right-width:1px;border-top-color:#fbe694;border-top-style:solid;border-top-width:1px;font-family:tahoma;font-size:12px;}
.IDpckArrival7 {font-family: tahoma; font-size: 12px; margin-left: 14px; cursor: hand; margin-right: 14px}
.IDpckArrival10 {background-color:#3398cc;font-family:Tahoma;font-size:12px;padding-bottom:2px;padding-left:6px;padding-right:6px;padding-top:2px;}
.IDpckArrival6 {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}
.IDpckArrival2 {font-family: tahoma; font-size: 12px; border-bottom: #aca899 1px solid}
.IDpckArrival3 {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}
Back to top
 
eo_support
Posted: Monday, November 10, 2008 1:40:50 PM
Rank: Administration
Groups: Administration

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

Please check other styles that are used by your page but outside of the UC. We tested your UC in an empty project and it works fine. However the test Url that you posted does show the problem. So what's in your project but not in the UC should be what's causing problem.

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.