RadScheduler - TimelineView

[Markus]

Hi !

A little question to the timeline view.

We use the TimelineView with resources.

The Resources are grouped by a group and a name

eg.:
GROUP 1 :: Markus
GROUP 2 :: Dave

Currently we display this resources as a table in each resource cell

<ResourceHeaderTemplate>

                    <asp:Panel ID="ResourceWrapper" runat="server" CssClass="ResCustomClass">

                        <asp:Table ID="ResourceTable" runat="server" Width="200px">

                            <asp:TableRow Width="200px">

                                <asp:TableCell Width="95px" HorizontalAlign="Right">

                                    <asp:Label ID="LGroup" Font-Bold="true" runat="server" Text='<%# Eval("resgroup") %>'></asp:Label>

                                </asp:TableCell>

                                <asp:TableCell HorizontalAlign="Center" Width="10px">

                                    <asp:Label ID="LSpacer" runat="server" Text="|"></asp:Label>

                                </asp:TableCell>

                                <asp:TableCell  Width="95px" HorizontalAlign="Right">

                                    <asp:Label ID="SpeakerImage" runat="server" Text='<%# Eval("Text") %>'></asp:Label>

                                </asp:TableCell>

                            </asp:TableRow>

                        </asp:Table>

                       

                    </asp:Panel>

                </ResourceHeaderTemplate>

Now, we need to add a sort function to this groups/names

My Question:
Is there a chance to display a table completely around the resources, where i can add a sorting ?
or
Can i access the cell (in timeline view) over all resources (it is always emtpy and act like a spacer), and add there
commandlinks, buttons or anything ?

thanks for your help

with best regards
Markus

[Veronica]

Hi Markus,

Yes, you can access the table cell over the resources in a way similar to this:

function pageLoad() {
           var $ = $telerik.$;
           var scheduler = $find('<%=RadScheduler1.ClientID %>');
           $(".rsSpacerCell", scheduler.get_element()).text(scheduler.get_groupBy());
       }

In my case I'm just setting a text to this cell.

Regards,
Veronica Milcheva
the Telerik team

[Markus]

Hi Veronica !

That's great thank you ...

Can you give me a little help, how to display now a command button in cell ?

Sorry i'm a little bit new to telerik ajax.

Special Thanks

Markus

[Veronica]

Hello Markus,

Here's a sample code for how to insert button in the rsSpacerCell cell:

JavaScript:

<script type="text/javascript">
        function pageLoad() {
            var $ = $telerik.$;
            var scheduler = $find('<%=RadScheduler1.ClientID %>');

            $('<input type="button" name="sort" id="sort" value="Click me" onclick="msg()">').appendTo($(".rsSpacerCell"));
        }

        function msg() {
            alert("Hello world!");
        }
    </script>

ASPX:

<telerik:RadScheduler runat="server" ID="RadScheduler1" SelectedView="TimelineView"
        GroupBy="User" GroupingDirection="Vertical">
    </telerik:RadScheduler>

Please note that if you need to perform some logic on the server when clicking on the button you need to use AjaxRequest as shown in this forum post.

Please let me know if this was helpful.

Greetings,
Veronica Milcheva
the Telerik team

[Markus]

Hi Veronica !

Great thanks, i'm currently testing it

regards
Markus

[Markus]

Hi Veronica !

it worked perfect, also the thing with the ajaxrequest 

thanks so much

best regards
Markus

[siva sankar]

Hai Iam using RadScheduler, how to display Reminder alerts when we are in any page,not even in the scheduler page.  

[Veronica]

Hello Siva,

No, unfortunately you can not display the reminder's popup dialog in page other of the RadScheduler's page.

Greetings,
Veronica Milcheva
the Telerik team