This is a migrated thread and some comments may be shown as answers.

Position of iCalendar export image

1 Answer 22 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Brian
Top achievements
Rank 1
Brian asked on 07 Nov 2008, 03:09 PM

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>

 

1 Answer, 1 is accepted

Sort by
0
Peter
Telerik team
answered on 10 Nov 2008, 02:00 PM
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.
Tags
Scheduler
Asked by
Brian
Top achievements
Rank 1
Answers by
Peter
Telerik team
Share this question
or