search envelope-o feed check
Home Unanswered Active Tags New Question
user comment-o

Schedule - misalignment resources and header sharepoint 2007 DayPilot 6.4

Asked by Andre Pedroso
9 years ago.

Hi everyone!

I was trying to integrate daypilot schedule with wss 3 (sharepoint 2007) and there's misalignment of resource headers and day headers.

It doesn't matter of option I use on Layout property, I even define a doctype to the master page and nothing accordingly with the compatibility page at DayPilot web page.

What can I try more to make this ok?

Thanks in advance,

ANDRÉ PEDROSO
SOFTWARE DEVELOPER
DevScope . your trusted partner
T. +351 223 751 350
F. +351 223 751 352
www.devscope.net

Comment posted by Dan Letecky [DayPilot]
9 years ago.

It looks like some kind of CSS interference. This can happen if you define global CSS styles (e.g. for p, div, span, without class or id specified). Have you tried placing the Scheduler on a plain page (or disabled the css temporarily)?

Comment posted by Andre Pedroso
9 years ago.

Hi Dan!

Thanks for the answer, but unfortunately still not working... what I done to test:

  • clean page, still inside SharePoint 2007 but no master page
  • no styling
  • doctype defined
  • Layout Table Based

i'm running out of ideas to make this work properly. We are in hurry in this question because we bought DayPilot for a Client and this is the only thing that is missing for project goes to production environment.

Here is 2 attachments...

To see the pic I toke of scheduler regarding this topic:
http://www.megaupload.com/?d=Y71J3MW9

And here's the code

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ReservationManager.aspx.cs" Inherits="DevScope.BookingSite.ReservationManager" %>

<%@ Register Assembly="DayPilot" Namespace="DayPilot.Web.Ui" TagPrefix="DayPilot" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head runat="server">
<title>RESERVATIONS</title>
</head>
<body>
<form runat="server">
<DayPilot:DayPilotScheduler
ID="dpScheduler"
runat="server"
Layout="TableBased"
BackColor="White"
BorderStyle="Solid"
BorderWidth="1px"
EventCorners="Rounded"
TimeFormat="Clock24Hours"
NonBusinessBackColor="#CCCCCC"
DataStartField="CheckinDate"
DataEndField="CheckoutDate"
DataTextField="ClientName"
DataValueField="ID"
DataResourceField="IDiListAngariacao"
DataTagFields="Status, IDiListAngariacao, ClientName"
CellGroupBy="Month"
CellDuration="1440"
Days="365"
EventHeight="20"
HeaderFontSize="8pt"
EventFontSize="8pt"
ClientObjectName="dps1"
OnEventMove="dpScheduler_EventMove"
LoadingLabelText="A Carregar..."
OnEventResize="dpScheduler_EventResize"
OnTimeRangeSelected="dpScheduler_TimeRangeSelected"
Height="400"
HeightSpec="Max"
OnBeforeEventRender="dpScheduler_BeforeEventRender"
CellWidth="30"
DurationBarHeight="5"
HeaderDateFormat="dd"
HeaderHeight="20"
RowHeaderWidth="100"
Width="1000px"
BorderColor="Black"
CellBorderColor="Gray"
EventBackColor="#E9E9E9"
Visible="True"
HourNameBackColor="#DFDFDF"
HourNameBorderColor="Gray"
LoadingLabelVisible="True"
ContextMenuID="DayPilotMenu1"
EventRightClickHandling="ContextMenu"
EventDoubleClickHandling="Disabled"
EventClickHandling="ContextMenu"
OnEventMenuClick="dpScheduler_EventMenuClick"
OnCommand="dpScheduler_Command"
AutoScroll="Disabled"
ShowToolTip="False"
OnBeforeResHeaderRender="dpScheduler_BeforeResHeaderRender"
TimeRangeSelectedHandling="JavaScript"
TimeRangeSelectedJavaScript="createEvent(start, end, column)"
TimeRangeDoubleClickHandling="Disabled"
DynamicEventRendering="Disabled"
rowMinHeight="30"
dynamicEventRenderingMargin="0"
rowMarginBottom="5" >
</DayPilot:DayPilotScheduler>
<DayPilot:DayPilotMenu
ID="DayPilotMenu1"
runat="server"
MenuBackColor="#DFDFDF"
MenuBorderColor="Silver"
MenuItemColor="Black"
MenuTitle="Event"
ShowMenuTitle="False"
ClientObjectName="dpmenu1"
CssClassPrefix="menu_" Visible="True">
<DayPilot:MenuItem Text="Ir Para Detalhes" Action="Javascript" Javascript="RedirectToDispForm(e);">
</DayPilot:MenuItem>
<DayPilot:MenuItem Text="Editar" Action="Javascript" Javascript="RedirectToEditForm(e);">
</DayPilot:MenuItem>
</DayPilot:DayPilotMenu>
</form>
</body>
</html>

Thanks you,

ANDRÉ PEDROSO
SOFTWARE DEVELOPER
DevScope . your trusted partner
T. +351 223 751 350
F. +351 223 751 352
www.devscope.net

Answer posted by Dan Letecky [DayPilot]
9 years ago.

Don't you have the zoom set to something else than 100%?

If that wasn't the problem, could you please send me the output HTML of that page to support@daypilot.org?

http://kb.daypilot.org/55640/saving-complete-html-page-including-all-dependencies-css-javascript/

Comment posted by Andre Pedroso
9 years ago.

No way! Seriously? :)

I never thought it could be the browser zoom... damn...

I test it with master page, css styling, Quirks Mode inside SharePoint 2007 and Browser Mode IE7, IE8, IE9, all with zoom at 100% and it works fine!

Thanks a lot for the spent time!!!

BTW, is this a future implementation? I mean, supporting different zooms? we never know if our client is using another zoom than 100%.

Cheers,

ANDRÉ PEDROSO
SOFTWARE DEVELOPER
DevScope . your trusted partner
T. +351 223 751 350
F. +351 223 751 352
www.devscope.net

Comment posted by Dan Letecky [DayPilot]
9 years ago.

Great!

I'm afraid zoom support is very difficult to implement, if not impossible. The control DOM structure is very complex and a lot of hacks are used to support all the browsers. Maybe in the future...

You can try to detect the zoom level and warn the user:

http://blog.sebastian-martens.de/2009/12/how-to-detect-the-browser-zoom-level-change-browser-zoo/

Comment posted by Andre Pedroso
9 years ago.

Zoom support would be very useful! :)

Detecting zoom level is a workaround. But for now is great! thanks!

Cheers,

ANDRÉ PEDROSO
SOFTWARE DEVELOPER
DevScope . your trusted partner
T. +351 223 751 350
F. +351 223 751 352
www.devscope.net

This question is more than 3 months old and has been closed. Please create a new question if you have anything to add.