[Solved] How to customize the time line view

[sabarishbabu]

Hi,

While using the timeline in the scheduler, I amreplacing the resource name with its Image. Though I am able to get the imageto display I have few problems with it

1. How do I align the image with the appointments?(I have tried with the changing the properties of the Row Height and Row Header width which works well for standard number of resources but cannot be reproduced in a dynamic environment)
2. On clicking the resource Image I would like to be redirected to a new window. How to do that?
3. I have saved the image as var binary in the Database. I am using the resource header template and the RadBinary Image control in it to display the image. But, the image does not display correctly. Is there any other control or method for this?

Thanks

Sabrish

[sabarishbabu]

 Hi,

 I was able toget solution for couple of the questions that I had asked earlier.

  Q.  On clicking the resource Image I would like tobe redirected to a new window. How to do that?

  A. set the binary image control withinhtml anchor tags. This enables me to open a new window when I  click  on theImage. The code I tried is

 <ResourceHeaderTemplate>

 <a  ID="LinkResource"  target="_blank"runat="server">

 <telerik:RadBinaryImage  AutoAdjustImageControlSize="false" Height="75px" Width="75px" ID="Image1" runat="server" />

 </a>

 </ResourceHeaderTemplate>

 onresourceheadercreated

 HtmlAnchor LinkResource = (HtmlAnchor)e.Container.FindControl("LinkResource");

 LinkResource.HRef="test.aspx?ID=" +e.Container.Resource.Key.ToString() + "";

 Q. I have saved the image as var binaryin the Database. I am using the resource header template and the  RadBinaryImage control in it to display the image. But, the image does not displaycorrectly. Is there any  other control or method for this?

 A. To set the propertyAutoAdjustImageControlSize as false for RadBinary. I am now able to set theHeight  and Width of the image in the scheduler.

 Still theissue on alignment exists. Some times The image for the last row is notdisplayed completely in  the timeline view but at times it gives a scrolloption. This is not standard how do I control it? I would  also like to know howmatch the height of the appointment row with the image size in timeline view ofthe  scheduler?

 Thanks

 Sabrish

[Peter]

Hello Sabrish,

Can you try setting the RowHeight property to large enough value to accommodate the appointment image. For example, try RowHeight="50px". Other than that, RadScheduler cannot automatically adjust the row height based on the size of elements within the Appointment Template.


Cheers,
Peter
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Anand S]

Hi Peter,

Thanks for the response.  In our project, we want to display the image of the  resource instead of the name. This is  an important functionality for the client.

Is  there  any other workaround/options to do  this ?

Thanks

Anand

[Peter]

Hello Anand,

Have you tried Sabrish's solution in the post from 8/25/2009? This should work well, but let us know if you experience any problems.


All the best,
Peter
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Anand S]

Yeah, the problem is that the height of the timeline lanes increase or decrease based on the number of appts  or  based on the  subject etc.

We have added the template column to  display the resource image

Can we obtain the height in px that  the timeline view is  going to display? and with that height can we set the rowheight and width of the picture column ?

Otherwise the picture height does not match  with the appt lanes  height

[Peter]

Hello Anand,

OK, I see what the problem is, but I am not sure how this can be resolved.

  Peter
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.