Position of iCalendar export image

[Brian]

Hello

I'm having a problem displaying an image in my subject.  I have followed the tutorial regarding exporting appointments to ICalendar and this function work properly.  However, the export image is not visible in appointments that are displayed on a single line.  If the appointment spans several hours in week or day view, for instance, then the image is visible. But if the appointment is only 30min in day or week view and for all appointments in Month view, I do not see the image.  I do not allow deletes in the calendar and I would like for the export image to appear in the top right corner of all appointments where the 'x' would normally be.

I have pasted relevant code from my page below...Thanks again for any suggestions

Brian  

 

<

 

style type="text/css">

 

 

 

<!

-- Sets the height of apps in day view -->

 

 

 

 

 

.RadScheduler .rsContent .rsHoursTable th

 

{

 

font-size: 9px;

 

 

line-height: 15px;

 

 

height: 15px;

 

}

 

 

.RadScheduler .rsDayView td.rsCell

 

{

 

font-size: 9px;

 

 

line-height: 15px;

 

 

height: 15px;

 

}

 

 

<!

-- Sets the height of apps in Month view -->

 

 

 

 

 

.RadScheduler .rsMonthView div.rsWrap

 

{

 

height: 15px;

 

}

 

 

<!

-- Sets the height of apps in Week view -->

 

 

 

 

 

.RadScheduler .rsWeekView div.rsWrap

 

{

//

height: 15px;

 

}

 

 

.RadScheduler .rsWeekView td.rsCell

 

{

 

font-size: 9px;

 

 

line-height: 15px;

 

 

height: 15px;

 

}

 

<!

-- Sets background colour of current day -->

 

 

 

 

 

.RadScheduler_Default .rsRow .rsCell.rsTodayCell

 

 

 

 

{

 

background: orange ;

 

}

 

 

 

</

 

style>

 

 

 

</

 

head>

 

<

 

body>

 

 

 

 

 

 

<form id="form1" runat="server">

 

 

 

 

 

<div>

 

 

 

 

 

 

 

<asp:TextBox Visible="false" runat="server" id="txtPermissions"></asp:TextBox>

 

 

 

 

 

 

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

 

 

 

 

 

</telerik:RadScriptManager>

 

 

 

 

 

<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:xxx %>"

 

 

 

 

 

SelectCommand="populteCalendarTelerik" SelectCommandType="StoredProcedure">

 

 

 

 

 

<SelectParameters>

 

 

 

 

 

<asp:ControlParameter ControlID="txtPermissions" DefaultValue="" Name="viewPermissions"

 

 

 

 

 

PropertyName="Text" Type="String" />

 

 

 

 

 

<asp:ControlParameter ControlID="cboResources" DefaultValue="0" Name="resourceID"

 

 

 

 

 

PropertyName="SelectedValue" Type="Int32" />

 

 

 

 

 

</SelectParameters>

 

 

 

 

 

</asp:SqlDataSource>

 

 

 

 

 

<asp:SqlDataSource ID="sqlDSourceResources" runat="server" ConnectionString="<%$ ConnectionStrings:ggCalConnSBDB5 %>"

 

 

 

 

 

SelectCommand="searchGetResourceList" SelectCommandType="StoredProcedure"></asp:SqlDataSource>

 

 

 

 

 

<br />

 

 

 

 

 

 

 

<telerik:RadComboBox ID="cboResources" runat="server" DataSourceID="sqlDSourceResources" DataTextField="Resource" DataValueField="resourceID" AutoPostBack="True" Width="282px">

 

 

 

 

 

<CollapseAnimation Duration="200" Type="OutQuint" />

 

 

 

 

 

</telerik:RadComboBox>

 

 

 

 

 

&nbsp;

 

 

 

 

 

 

<telerik:RadScheduler CustomAttributeNames="resourceLabelColour" ID="RadScheduler1" runat="server" OnClientAppointmentDoubleClick="AppointmentEditing" OnAppointmentCommand="RadScheduler1_AppointmentCommand" OnClientAppointmentEditing="AppointmentEditing" OnClientAppointmentInserting='"Appointment Inserting"' DataEndField="appEndTime" DataKeyField="appID" DataSourceID="SqlDataSource1" DataStartField="appStartTime" DataSubjectField="appSubject">

 

 

 

 

 

 

<AppointmentTemplate>

 

 

 

 

<%

#Eval("Subject")%>

 

 

<div style="text-align: right;">

 

 

 

 

 

<span style="cursor: pointer; cursor: hand;">

 

 

 

 

 

<asp:ImageButton ImageAlign="texttop" runat="server" ID="btnICalExport" ImageUrl="/images/export.png" AlternateText="Export to iCalendar"

 

 

 

 

 

CommandName="Export" OnClientClick="Export(this, event); return false;" />

 

 

 

 

 

</span>

 

 

 

 

 

</div>

 

 

 

 

 

</AppointmentTemplate>

 

 

 

 

 

<ResourceTypes>

 

 

 

 

 

<telerik:ResourceType DataSourceID="SqlDataSource1" ForeignKeyField="appID" KeyField="resourceID"

 

 

 

 

 

Name="ggResource" TextField="ResourceDisplay" />

 

 

 

 

 

</ResourceTypes>

 

 

 

 

 

 

 

</telerik:RadScheduler>

 

[Peter]

Hello Brian,

Please, use the margin-top css attribute to fix the problem:

  <div style="text-align: right; margin-top:-18px;">
                <span style="cursor: pointer; cursor: hand;">
                    <asp:ImageButton ImageAlign="texttop" runat="server" ID="btnICalExport" ImageUrl="~/images/export.gif"
                        AlternateText="Export to iCalendar" CommandName="Export" OnClientClick="Export(this, event); return false;" />
                </span>
            </div>

Let us know how it goes.

Greetings,
Peter
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.