[Solved] Advanced InlineInsertTemplate

[Rune]

Hi,

I am trying to create an advanced InlineInsertTemplate. I want the user to be able to select the appointments start and end date/time. Maybe even give the user the opportunity to select a resource for the appointment. If I can get my head arround it!?

I have pasted my InlineInsertTemplate code where I try to do the date and time thing. The problem in this case is that if I choose a start and end time, that differ from each other, the date gets destroyed in month view. The date is totally different from the one I choose.
 
I suspect that it's the way i Bind the controls. But what do I do? And how would I let users choose a resource?

<InlineInsertTemplate>
      <div id="rsAppointmentEdit" style="background:#fff;">
        <table cellpadding="0" cellspacing="0" border="0">
          <tr>
            <td>
              Subject
            </td>
            <td>
              <asp:TextBox ID="TitleTextBox" runat="server" Text='<%# Bind("Subject") %>' TextMode="SingleLine"></asp:TextBox>
            </td>
          </tr>
          <tr>
            <td>
              Date
            </td>
            <td>
              <ul class="rsTimePickers">
                <li class="rsTimePick">
                  <asp:Label ID="LblFromDate" runat="server" CssClass="timeLabel" Text="from"></asp:Label><%--
                  --%><telerik:RadDatePicker runat="server" ID="StartDate" CssClass="rsAdvDatePicker" Width="103px"
                    SharedCalendarID="SharedCalendar" Skin="Vista" Culture="da-DK" MinDate="1900-01-01" SelectedDate='<%# Bind("Start") %>'>
                  </telerik:RadDatePicker><%--

                            --%><telerik:RadTimePicker runat="server" ID="StartTime" CssClass="rsAdvTimePicker"
                Width="85px" Skin="Vista" Culture="da-DK" SelectedDate='<%# Bind("Start") %>'>
                <TimeView ID="TimeView1" runat="server" Columns="2" ShowHeader="false" StartTime="08:00"
                  EndTime="18:00" Interval="00:30" />
              </telerik:RadTimePicker>
                </li>
                <li class="rsTimePick">
                <asp:Label ID="Label1" runat="server" CssClass="timeLabel" Text="to"></asp:Label><%--
                  --%><telerik:RadDatePicker runat="server" ID="EndDate" CssClass="rsAdvDatePicker" Width="103px"
                    SharedCalendarID="SharedCalendar" Skin="Vista" Culture="da-DK" MinDate="1900-01-01" SelectedDate='<%# Bind("End") %>'>
                  </telerik:RadDatePicker><%--

                            --%><telerik:RadTimePicker runat="server" ID="EndTime" CssClass="rsAdvTimePicker"
                Width="85px" Skin="Vista" Culture="da-DK" SelectedDate='<%# Bind("End") %>'>
                <TimeView ID="TimeView2" runat="server" Columns="2" ShowHeader="false" StartTime="08:00"
                  EndTime="18:00" Interval="00:30" />
              </telerik:RadTimePicker>
                </li>
                <li class="rsAllDayWrapper">
                  <asp:CheckBox runat="server" ID="AllDayEvent" CssClass="rsAdvChkWrap" Checked="false" Text="All day" />
                </li>
              </ul>
              <telerik:RadCalendar runat="server" ID="SharedCalendar" Skin="Vista" CultureInfo="da-DK"
                ShowRowHeaders="false" RangeMinDate="1900-01-01" />
            </td>
          </tr>
          <tr>
            <td>
              <asp:LinkButton ID="LnkInsert" runat="server" CommandName="Insert">Save</asp:LinkButton>
            </td>
            <td>
              <asp:LinkButton ID="LnkEdit" runat="server">Edit</asp:LinkButton>
            </td>
          </tr>
        </table>
      </div>
      <img id="BobbelPil" src="files/System/Skins/Vista/Scheduler/BobbelPil1.png" />
    </InlineInsertTemplate>

[Peter]

Hello Rune,

We already replied in the support ticket about this issue, but I will post our suggestion here in case someone else need similar functionality. We recommend you use the advanced insert  or edit form, since all those controls are already added there. You can show the advanced form by default if you set the StartInsertingInAdvancedForm property to True.

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.

[Rune]

Hi Peter,

And here is my Support ticket reply.

That is a design thing. The designer wants the inlineInsertTemplate because of the useability. So the StartInsertingInAdvancedForm  is not an option.

I need a InlineInsertTemplate with to and from dates. If at all possible.

Thanks
Rune

[Peter]

Hi Rune,

The problem occurs because you use two separate controls - RadDatePicker and RadTimePicker to bind a single field - SelectedDate='<%# Bind("Start") %>' or SelectedDate='<%# Bind("End") %>'. You should use a single control - RadDateTimePicker.



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.