Questions on UI for ASP.NET AJAX Forum

4 answers

364 views

Close parent window from child RadWindow

Hi ALL,

I have one main page, main page have one button, on click of button i had open one RadWindow which have Add Operation,while user enter required information and try to click on Add button i had open third Child RadWindow for indicating progress, once progress will complete Progress and Add Window will close.

MainPage -> Click On Button -> Add Form -> Click On Save -> Progress Window Open -> Process Complete- > Progress and Add Form closed.

Now what i want, when user click on Main Page Button child window will populate, once all information enter to Add Form user try to save it, once user click on save button progress window will get display from Add Form, here i need to close Add Form when progress popup will get display....

MainPage -> Click On Button -> Add Form -> Click On Save -> Progress Window Open -> Close Add Form->Process Complete- > Progress Window closed.

Please do me help to achieve this kind of functionality.

Thanks
Kaushal.

Window

answered on 03 Dec 2010

1 answer

92 views

GridClientSelectColumn check all

I have a grid that has x number of records on page 1. On page 2 there is a single record. If I check the single record on page 2, the header "All" checkbox also checks itself. If there anyway to prevent this? I only want the "All" checkbox to be checked when I actually check it.

Grid

answered on 03 Dec 2010

2 answers

78 views

Nested Splitter width in Sliding Pane

I am having trouble having my splitter within a sliding pane become full width (100%) on the sliding pane expansion.
Basically, the nested splitter is remaining at the width of the Pane (RadPane6 in my example) that the Sliding Zone is nested in. Check out the pictures to see what I mean. If I Pin the sliding panel, the nested splitter's width refreshes and appears as expected.
The code below shows the setup in action.

<telerik:RadSplitter ID="RadSplitter3" runat="server" BackColor="Red" Height="100%"

SplitBarsSize="5px" VisibleDuringInit="False" Width="100%">

<telerik:RadPane ID="RadPane5" runat="server" BackColor="#0099CC" Index="0">

<telerik:RadPanelBar ID="RadPanelBar2" runat="server" ExpandMode="FullExpandedItem"

Width="100%" Height="100%">

<Items>

<telerik:RadPanelItem runat="server" Text="Element" Selected="True" Expanded="True"

BackColor="Yellow" Height="100%">

<Items>

<telerik:RadPanelItem runat="server" Value="Element">

<ItemTemplate>

<div id="ElementHolder" runat="server" style="width: 100%; height: 460px; overflow: hidden">

<table>

<tr>

<td>

</td>

<td style="width: 50px" valign="top">

</td>

</tr>

</table>

</div>

</ItemTemplate>

</telerik:RadPanelItem>

</Items>

<HeaderTemplate>

<div style="margin-left: 5px">

<asp:Label ID="Label1" name="ElementDescriptor" runat="server" Text="Element"></asp:Label></div>

</HeaderTemplate>

</telerik:RadPanelItem>

<telerik:RadPanelItem runat="server" Text="Category" BackColor="#8080FF">

<Items>

<telerik:RadPanelItem runat="server" Value="Category">

<ItemTemplate>

<div id="CategoryHolder" runat="server" style="width: 100%; height: 100%; overflow: hidden">

<table>

<tr>

<td>

</td>

<td style="width: 50px" valign="top">

</td>

</tr>

</table>

</div>

</ItemTemplate>

</telerik:RadPanelItem>

</Items>

<HeaderTemplate>

<div style="margin-left: 5px">

<asp:Label ID="Label2" runat="server" Text="Category"></asp:Label></div>

</HeaderTemplate>

</telerik:RadPanelItem>

<telerik:RadPanelItem runat="server" Text="Criteria" BackColor="#00C000">

<Items>

<telerik:RadPanelItem runat="server" Value="Criteria">

<ItemTemplate>

<div id="CriteriaHolder" runat="server" style="width: 100%; height: 100%; overflow: hidden">

<table>

<tr>

<td>

</td>

<td style="width: 50px" valign="top">

</td>

</tr>

</table>

</div>

</ItemTemplate>

</telerik:RadPanelItem>

</Items>

<HeaderTemplate>

<div style="margin-left: 5px">

<asp:Label ID="Label3" runat="server" Text="Criteria"></asp:Label></div>

</HeaderTemplate>

</telerik:RadPanelItem>

</Items>

<ExpandAnimation Duration="1000" />

<CollapseAnimation Duration="1000" />

</telerik:RadPanelBar>

</telerik:RadPane>

<telerik:RadPane ID="RadPane6" runat="server" BackColor="#FFFF66" Width="23px">

<telerik:RadSlidingZone ID="RadSlidingZone2" runat="server" ClickToOpen="True" SlideDirection="Left">

<telerik:RadSlidingPane ID="RadSlidingPane2" runat="server" EnableResize="False"

Scrolling="None" Width="200px" BackColor="#0066FF">

<div style="background-color: #00FF00; width: 100%; height: 100%; overflow: visible;">

<telerik:RadSplitter ID="RadSplitter4" runat="server" Height="100%" Orientation="Horizontal"

ResizeMode="AdjacentPane" SplitBarsSize="5px" Width="100%" BackColor="#FF99FF">

<telerik:RadPane ID="RadPane7" runat="server" Width="100%" BackColor="#FF9999">

<asp:Panel ID="Panel1" runat="server" Width="100%">

</asp:Panel>

</telerik:RadPane>

<telerik:RadPane ID="RadPane8" runat="server" Width="100%" Height="30px" BackColor="#FFFF66">

</telerik:RadPane>

</telerik:RadSplitter>

</div>

</telerik:RadSlidingPane>

</telerik:RadSlidingZone></telerik:RadPane>

</telerik:RadSplitter>

Please let me know how to rectify this issue.
Thanks,
Steele.

Splitter

answered on 03 Dec 2010

5 answers

443 views

ShowExportToExcelButton attribut is not shown in telerik RadGrid control

I am using RadGrid control and I need to export the grid as an excel but export to excel icon is not showing in command item settings tag.

<CommandItemSettings ShowExportToWordButton="true" ShowExportToExcelButton="true"
ShowExportToCsvButton="true" />

Please suggest ASAP.

Ajax

answered on 03 Dec 2010

2 answers

101 views

RadGrid disappears on mouse move

I ve encountered this wierd problem of the RadGrid disappearing on mouse over when edit button pressed.
This occurs only in Internet Explorer while works fine in FireFox.
The master page is default which comes with 2010.
I ve been using the Feb release of Telerik and VS 2010
I even attach the output file where left part is in Firefox,right part in IE.

Hope you help me out!

RadGrid Source

<telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True"

AllowSorting="True" AutoGenerateColumns="False" AllowMultiRowEdit="True" DataKeyNames="TradeBreakTxnID"

DataSourceID="SqlDataSource2" GridLines="Vertical"

Skin="Black" Height="500px" onneeddatasource="RadGrid1_NeedDataSource"

Width="1186px" Visible="False" onItemDataBound="Data_OnItemDataBound"

AllowMultiRowSelection="True" Font-Names="Times New Roman"

HorizontalAlign="Center">

<clientsettings AllowColumnsReorder="True" ReorderColumnsOnClient="True">

<Selecting AllowRowSelect="True" />

<Scrolling AllowScroll="True" UseStaticHeaders="True"></Scrolling>

<resizing allowcolumnresize="True" />

</clientsettings>

<ClientSettings>

<Selecting AllowRowSelect="True" EnableDragToSelectRows="True" />

<Scrolling AllowScroll="True" UseStaticHeaders="True"></Scrolling>

<Resizing AllowColumnResize="True"></Resizing>

</ClientSettings>

<MasterTableView datasourceid="SqlDataSource2" CommandItemDisplay="Top" EditMode="InPlace"

AllowAutomaticUpdates="True" AllowAutomaticDeletes="true" DataKeyNames="TradeBreakTxnID">

<CommandItemSettings ExportToPdfText="Export to Pdf"></CommandItemSettings>

<Columns>

<telerik:GridBoundColumn DataField="TradeBreakTxnID" HeaderText="TradeBreakTxnID"

ReadOnly="true" SortExpression="TradeBreakTxnID"

UniqueName="TradeBreakTxnID" HeaderStyle-Width="30px" Visible="true"

DataType="System.Int32" >

<HeaderStyle Width="30px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Manager" HeaderText="Manager"

SortExpression="Manager" UniqueName="Manager" ReadOnly="True" HeaderStyle-Width="100px">

<HeaderStyle Width="100px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Product" HeaderText="Product"

SortExpression="Product" UniqueName="Product" ReadOnly="True" HeaderStyle-Width="90px" >

<HeaderStyle Width="90px"></HeaderStyle>

</telerik:GridBoundColumn>

<%-- <telerik:GridBoundColumn DataField="AccountNo" ReadOnly="True" HeaderText="AccountNo"

SortExpression="AccountNo" UniqueName="AccountNo"

HeaderStyle-Width="130px">

</telerik:GridBoundColumn>--%>

<telerik:GridBoundColumn DataField="Account"

HeaderText="Account" SortExpression="Account" ReadOnly="True" UniqueName="Account"

HeaderStyle-Width="60px">

<HeaderStyle Width="60px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Price" DataType="System.Decimal" ReadOnly="True"

HeaderText="Price" SortExpression="Price" UniqueName="Price"

HeaderStyle-Width="60px">

<HeaderStyle Width="60px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="TradeDate" ReadOnly="True"

HeaderText="TradeDate" SortExpression="TradeDate" HeaderStyle-Width="85px"

UniqueName="TradeDate">

<HeaderStyle Width="85px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ContractDate" HeaderText="Contract<br/>Date" ReadOnly="True"

SortExpression="ContractDate" UniqueName="ContractDate"

HeaderStyle-Width="50px" DataType="System.Int32">

<HeaderStyle Width="50px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="B/S" HeaderText="B/S" ReadOnly="True"

SortExpression="B/S" UniqueName="B/S" HeaderStyle-Width="25px">

<HeaderStyle Width="25px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="FCM Quantity" ReadOnly="True"

HeaderText="FCM Quantity" SortExpression="FCM Quantity" HeaderStyle-Width="50px"

UniqueName="FCM Quantity" >

<HeaderStyle Width="50px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Manager Quantity"

HeaderText="Manager Quantity" ReadOnly="True"

SortExpression="Manager Quantity" UniqueName="Manager Quantity"

HeaderStyle-Width="60px">

<HeaderStyle Width="60px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Difference" HeaderText="Difference"

SortExpression="Difference" UniqueName="Difference" ReadOnly="True"

HeaderStyle-Width="65px">

<HeaderStyle Width="65px"></HeaderStyle>

</telerik:GridBoundColumn>

<%-- <telerik:GridTemplateColumn UniqueName="MatchEdit" HeaderText="MatchEdit" HeaderStyle-Width="30px">

<ItemTemplate>

<asp:CheckBox ID="CheckBox1" runat="server" AutoPostBack="true" checked="false" OnCheckedChanged="CheckBox1_CheckedChanged" />

</ItemTemplate>

</telerik:GridTemplateColumn> --%>

<telerik:GridDropDownColumn DataField="MatchType" HeaderText="Match<br/>Type"

ReadOnly="False" HeaderStyle-Width="80px"

SortExpression="MatchType" UniqueName="MatchType" DataSourceID="DropDownList2_DataSource" ListTextField="MatchType" ListValueField="MatchType">

<HeaderStyle Width="80px"></HeaderStyle>

</telerik:GridDropDownColumn>

<telerik:GridBoundColumn DataField="Comment" HeaderStyle-Width="200px"

HeaderText="Comment" ReadOnly="false" SortExpression="Comment"

UniqueName="Comment" Visible="true">

<HeaderStyle Width="200px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Note" HeaderText="Note" HeaderStyle-Width="100px"

ReadOnly="True" SortExpression="Note" UniqueName="Note" Visible="false">

<HeaderStyle Width="100px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="UpdateDttm" HeaderText="UpdateDttm" HeaderStyle-Width="150px"

ReadOnly="True" SortExpression="UpdateDttm" UniqueName="UpdateDttm"

DataType="System.DateTime" Visible="true">

<HeaderStyle Width="150px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="UpdateUser" HeaderText="UpdateUser" HeaderStyle-Width="210px"

ReadOnly="True" SortExpression="UpdateUser" UniqueName="UpdateUser" Visible="true" >

<HeaderStyle Width="210px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn DataField="FileName" HeaderText="FileName" HeaderStyle-Width="250px"

ReadOnly="False" SortExpression="FileName" UniqueName="FileName">

<ItemTemplate>

<asp:LinkButton ID="LinkButton2" runat="server" OnClick="Retreive_Doc" Text='<%# Bind("FileName") %>'></asp:LinkButton>

</ItemTemplate>

<EditItemTemplate>

<telerik:RadUpload ID="RadUpload2" runat="server" Skin="Outlook" ControlObjectsVisibility="None" MaxFileInputsCount="1" ReadOnlyFileInputs="true" ></telerik:RadUpload>

<asp:Button ID="InsertDoc" runat="server" OnClick="InsertDoc_Click" Text="Add" BackColor="#000" ForeColor="White" Width="60px"/>

<asp:Button ID="Button1" runat="server" OnClick="Delete_Click" Text="Delete" BackColor="#000" ForeColor="White" Width="60px"/>

</EditItemTemplate>

<HeaderStyle Width="210px"></HeaderStyle>

</telerik:GridTemplateColumn>

</Columns>

<CommandItemTemplate>

<div style="padding: 5px 5px;background-color:#000000">

<asp:LinkButton ID="btnEditSelected" runat="server" CommandName="EditSelected" Visible='<%# RadGrid1.EditIndexes.Count == 0 %>'><img style="border:0px;vertical-align:middle;" alt="" src="/TradeBreak/images/Edit.gif" />Edit selected</asp:LinkButton>

<asp:LinkButton ID="btnUpdateEdited" runat="server" CommandName="UpdateEdited" Visible='<%# RadGrid1.EditIndexes.Count > 0 %>'><img style="border:0px;vertical-align:middle;" alt="" src="/TradeBreak/images/Update.gif" />Update</asp:LinkButton>

<asp:LinkButton ID="btnCancel" runat="server" CommandName="CancelAll" Visible='<%# RadGrid1.EditIndexes.Count > 0 || RadGrid1.MasterTableView.IsItemInserted %>'><img style="border:0px;vertical-align:middle;" alt="" src="/TradeBreak/images/Cancel.gif" />Cancel editing</asp:LinkButton>

<asp:LinkButton ID="LinkButton1" OnClientClick="javascript:return confirm('Delete selected Trade?')" runat= "server" CommandName="DeleteSelected"><img style="border:0px" alt="" src="/TradeBreak/images/Delete.gif" /> Delete Trade</asp:LinkButton>

<asp:LinkButton ID="LinkButton4" runat="server" CommandName="RebindGrid"><img style="border:0px;vertical-align:middle;" alt="" src="/TradeBreak/images/Refresh.gif" />Refresh</asp:LinkButton>

</div>

</CommandItemTemplate>

<EditFormSettings>

<EditColumn UniqueName="EditCommandColumn1"></EditColumn>

</EditFormSettings>

</MasterTableView>

<HeaderStyle Font-Bold="True" HorizontalAlign="Center" />

<SelectedItemStyle BackColor="Black" />

</telerik:RadGrid>

Grid

answered on 02 Dec 2010

1 answer

68 views

RAD GRID CSS FILTER MISPLACED

Hi guys,

Im making a webpage with a radgrid on it, i enabled the filtering option and everything is working ok until i added some css

	div#tabla   
{
	
	/*height:1024PX;   */
	background-color:white;   
	/*border: 12px solid #2e2e2e;*/
	color:Black;
	margin-top: 25px;   
	margin-bottom: 25px;    
	margin-left: auto;    
	margin-right: auto;    
	overflow:hidden; 
	padding: 0px;
	position:relative;
	width:960px;
	}

The rad grid is placed inside a div with the table id, and when i press to filter a column the options are misplaced and some dont even show
any suggestions?

THANKS

Grid

answered on 02 Dec 2010

1 answer

214 views

GridItemCollection

I have a grid setup to allow users to select multiple rows clientside, I then want to loop through the selected items (server side) and take the data from each row and add it to another table. How can I get to the data ? Ive tried this, but it doesnt work

private void InsertLocations()

{

Telerik.Web.UI.GridItemCollection gic = this.RadGrid2.SelectedItems;

foreach (Telerik.Web.UI.GridItem gi in gic)

{

string location = DataBinder.Eval(gi.DataItem, "Location").ToString();

}

Grid

answered on 02 Dec 2010

1 answer

57 views

OnClientTabSelected undefined error

I am using ASP.Net 3.5 and version 2009.3.1314.35 of the Telerik tools. When I run the page, I get the attached error (look on the right hand side of the page). As you can see, the runtime js does contain that event.

I have the following code in my html:

<code>
<telerik:RadTabStrip ID="tsCoding" runat="server" Align="Left" MultiPageID="RadMultiPage1"
SelectedIndex="0" OnClientTabSelected="tsCoding_OnClientTabSelected" AutoPostBack="false"
CausesValidation="false" ScrollButtonsPosition="Right" BackColor="Gray">
</code>

I have the following in my js:

<code>

function tsCoding_OnClientTabSelected(sender, args) {

                var tab = args.get_tab();
                if (tab.get_tabs().get_count() != 0) {
                    tab.get_tabs().getTab(0).enable();
                    tab.get_tabs().getTab(0).select();
                }
            }

</code>

When I remove the OnClientTabSelected="tsCoding_OnClientTabSelected" from the tabstrip, the page works fine. Having it in there causes the attached error.

What do I need to do to resolve the error?

TabStrip

answered on 02 Dec 2010

3 answers

139 views

Upload issues once site published

I've got a site which is using the RadRotator and AsyncUpload controls for a photo album.

During development and debugging it all works fine (Win 7) but once published to the server the images do not always display and I cannot upload files - no error is given though.

Using the latest build of the controls, the temp upload directory was created first time in and files are appearing in there. I've attached the screen shots from the debug/dev box site, the published site and the uploads part from the published site.

<%@ Page Language="C#" MasterPageFile="~/MasterPageDialogs.master" AutoEventWireup="true" CodeFile="Photos.aspx.cs" Inherits="Dialogs_Photos" %>

<%@ MasterType VirtualPath="~/MasterPageDialogs.master" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentHead" Runat="Server">

<link href="../Rotator.css" rel="stylesheet" type="text/css" />

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentBody" Runat="Server">

<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server"></telerik:RadAjaxManagerProxy>

<script type="text/javascript">

function GetRadWindow() {

var oWindow = null;

if (window.radWindow) oWindow = window.radWindow; //Will work in Moz in all cases, including clasic dialog

else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow; //IE (and Moz az well)

return oWindow;

}

function CloseOnReload() {

GetRadWindow().VisibleOnPageLoad = false;

GetRadWindow().close();

}

function RefreshParentPage() {

GetRadWindow().BrowserWindow.location.href = GetRadWindow().BrowserWindow.location.href;

}

</script>

<telerik:RadAjaxManagerProxy ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="thumbRotator">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="imgPhoto" />

<telerik:AjaxUpdatedControl ControlID="detailsPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="ibtnSavePhoto">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="ibtnSavePhoto" />

<telerik:AjaxUpdatedControl ControlID="thumbRotator" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="ibtnDeletePhoto">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="ibtnDeletePhoto" />

<telerik:AjaxUpdatedControl ControlID="thumbRotator" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

<asp:Label ID="lblPhotoType" runat="server" Text="" style="display:none"></asp:Label>

<asp:Label ID="lblPhotoKey" runat="server" Text="" style="display:none"></asp:Label>

<asp:Label ID="lblPhotoSubKey" runat="server" Text="" style="display:none"></asp:Label>

<table width="743" cellpadding="0" cellspacing="0" border="0">

<tr>

<td style="height: 22px">

<img src="../Images/Rotator/white.gif" height="22" width="60" alt="" style="float: left;" /></td>

<td style="height: 22px">

<img src="../Images/Rotator/cornerLeftTop.gif" height="22" width="50" alt="" style="float: left;" /></td>

<td style="height: 22px">

<img src="../Images/Rotator/topLeft.gif" height="22" width="292" alt="" style="float: left;" /></td>

<td style="height: 22px">

<img src="../Images/Rotator/topRight.gif" height="22" width="280" alt="" style="float: left;" /></td>

<td style="height: 22px">

<img src="../Images/Rotator/cornerRightTop.gif" height="22" width="62" alt="" style="float: left;" /></td>

</tr>

<tr>

<td>

<img src="../Images/Rotator/whiteMiddle.gif" height="243" width="60" alt="" style="float: left;" /></td>

<td>

<img src="../Images/Rotator/leftFrame.gif" height="243" width="50" alt="" style="float: left;" /></td>

<td class="previewPane">

<div style="margin-top: 20px">

<telerik:RadBinaryImage ID="imgPhoto" runat="server" Height="192" Width="192" ResizeMode="Fit" ImageAlign="Middle" />

</div>

</td>

<td class="infoPane">

<div class="infoPaneBg" runat="server" id="detailsPanel">

<div class="imageDetailsHeader">

<table width="100%">

<tr>

<td width="70%">

Image details:

</td>

<td width="15%" align="center">

<asp:ImageButton ID="ibtnSavePhoto" runat="server"

ImageUrl="~/Images/Save.png" onclick="ibtnSavePhoto_Click" />

</td>

<td width="15%" align="center">

<asp:ImageButton ID="ibtnDeletePhoto" runat="server"

ImageUrl="~/Images/Delete.png" onclick="ibtnDeletePhoto_Click" />

</td>

</tr>

</table>

</div>

<div id="viewPanel">

<div class="details">

<strong>Title:</strong>

<asp:Label ID="lblPhotoID" runat="server" Text="" style="display:none"></asp:Label>

<asp:TextBox ID="txtPhotoTitle" runat="server" Text=""></asp:TextBox>

</div>

<div class="details">

<strong>Description:</strong>

<asp:TextBox ID="txtPhotoDescription" runat="server" Text=""></asp:TextBox>

</div>

<div class="details">

</div>

<div class="details" style="margin-top: 5px; margin-left: 28px">

</div>

</td>

<td>

<img src="../Images/Rotator/rightFrame.gif" height="243" width="62" alt="" style="float: left;" /></td>

</tr>

<tr>

<td>

<img src="../Images/Rotator/whiteShadow.gif" height="117" width="60" alt="" /></td>

<td>

<img src="../Images/Rotator/left.gif" id="img_left" height="117" width="50" alt="" style="cursor: pointer" /></td>

<td colspan="2" class="thumbsViewer">

<telerik:RadRotator ID="thumbRotator" runat="server" RotatorType="ButtonsOver" Width="572"

Height="118px" ItemHeight="118" ItemWidth="145" FrameDuration="1" ScrollDirection="Left,Right"

DataSourceID="dsThumbnails" OnItemClick="ShowImage">

<ItemTemplate>

<div class="itemTemplate">

<asp:Label runat="server" ID="lblPhotoID" Text='<%# Eval("PhotoID") %>' style="display:none"></asp:Label>

<asp:Label runat="server" ID="lblTitle" Text='<%# Eval("Title") %>' style="display:none"></asp:Label>

<asp:Label runat="server" ID="lblDescription" Text='<%# Eval("Description") %>' style="display:none"></asp:Label>

<telerik:RadBinaryImage ID="imgHiddenPhoto" runat="server" DataValue='<%# Eval("PhotoFile") %>' style="display:none"/>

<telerik:RadBinaryImage ID="imgThumbnail" runat="server"

DataValue='<%# Eval("Thumbnail") %>' Height="118px" Width="118px" ResizeMode="Fit"

CssClass="RotatorImage" AlternateText='<%# Eval("Title") %>' ToolTip='<%# Eval("Title") %>' />

</div>

</ItemTemplate>

<ControlButtons LeftButtonID="img_left" RightButtonID="img_right" />

</telerik:RadRotator>

</td>

<td>

<img src="../Images/Rotator/right.gif" id="img_right" height="117" width="62" alt="" style="cursor: pointer" /></td>

</tr>

</table>

<asp:SqlDataSource ID="dsThumbnails" runat="server"

ConnectionString="<%$ ConnectionStrings:EventMgmtCSDev %>"

SelectCommand="SELECT [PhotoID], [Thumbnail], [PhotoFile], [Title], [Description] FROM [Photos] WHERE (([PhotoKey] = @PhotoKey) AND ([PhotoType] = @PhotoType) AND ([PhotoSubKey] = @PhotoSubKey))">

<SelectParameters>

<asp:ControlParameter ControlID="lblPhotoKey" Name="PhotoKey"

PropertyName="Text" Type="Int64" />

<asp:ControlParameter ControlID="lblPhotoType" Name="PhotoType"

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

<asp:ControlParameter ControlID="lblPhotoSubKey" Name="PhotoSubKey"

PropertyName="Text" Type="Int64" />

</SelectParameters>

</asp:SqlDataSource>

<br />

<asp:Button ID="btnUploadPhotos" runat="server" Text="Upload Photos"/>

<telerik:RadToolTip ID="ToolTipAddQuote" runat="server" Width="300px" Height="300px"

TargetControlID="btnUploadPhotos" Position="Center" RelativeTo="BrowserWindow"

HideEvent="ManualClose" ShowEvent="OnClick" Animation="Slide" AnimationDuration="1000">

<telerik:RadProgressManager runat="server" ID="RadProgressManager1" />

<table width="90%">

<tr>

<td>

<telerik:RadAsyncUpload runat="server" ID="AsyncUpload1"

MultipleFileSelection="Automatic" TemporaryFileExpiration="0:15:00">

</telerik:RadAsyncUpload>

</td>

<td align="right">

<asp:Button ID="btnUpload" runat="server" Text="Upload Selected Files"

onclick="btnUpload_Click" />

</td>

</tr>

</table>

<telerik:RadProgressArea runat="server" ID="RadProgressArea1">

</telerik:RadProgressArea>

</telerik:RadToolTip>

</asp:Content>

Code Behind:

using System;

using System.Data;

using System.Data.SqlClient;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using Telerik.Web.UI;

public partial class Dialogs_Photos : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

lblPhotoType.Text = HttpContext.Current.Request.QueryString["PhotoType"];

lblPhotoKey.Text = HttpContext.Current.Request.QueryString["PhotoKey"];

lblPhotoSubKey.Text = HttpContext.Current.Request.QueryString["PhotoSubKey"];

}

protected void ShowImage(object sender, RadRotatorEventArgs e)

{

if (e.Item is RadRotatorItem)

{

RadRotatorItem rotatorItem = (RadRotatorItem)e.Item;

string PhotoID = (rotatorItem.FindControl("lblPhotoID") as Label).Text;

string strTitle = (rotatorItem.FindControl("lblTitle") as Label).Text;

string strDescription = (rotatorItem.FindControl("lblDescription") as Label).Text;

RadBinaryImage thumbNail = (rotatorItem.FindControl("imgHiddenPhoto") as RadBinaryImage);

imgPhoto.ImageUrl = thumbNail.ImageUrl;

lblPhotoID.Text = PhotoID;

txtPhotoTitle.Text = strTitle;

txtPhotoDescription.Text = strDescription;

}

protected void btnUpload_Click(object sender, EventArgs e)

{

foreach (UploadedFile f in AsyncUpload1.UploadedFiles)

{

byte[] photo = EM_Functions.GetFileBytes(f.InputStream);

photo = EM_Functions.ResizeImage(photo, 400);

byte[] thumbnail = EM_Functions.ResizeImage(photo, 115);

string fileType = EM_Functions.GetFileType(f.FileName);

EM_Data.UploadPhoto(lblPhotoType.Text, int.Parse(lblPhotoKey.Text),

int.Parse(lblPhotoSubKey.Text), photo, thumbnail, f.FileName, fileType,

photo.Length, f.FileName, User.Identity.Name);

}

AsyncUpload1.Dispose();

thumbRotator.DataBind();

}

protected void ibtnDeletePhoto_Click(object sender, ImageClickEventArgs e)

{

EM_Data.DeletePhoto(int.Parse(lblPhotoID.Text));

thumbRotator.DataBind();

}

protected void ibtnSavePhoto_Click(object sender, ImageClickEventArgs e)

{

EM_Data.SavePhoto(int.Parse(lblPhotoID.Text), txtPhotoTitle.Text, txtPhotoDescription.Text);

thumbRotator.DataBind();

}

AsyncUpload

answered on 02 Dec 2010

2 answers

191 views

Masterpage and content page ScriptManager

Hello, I have a Master page with a ScriptManager for my RadPanel and in my content page I need a ScriptManager for my RadToolTipManager. But when I do that I have a error telling that I can only have one ScriptManager. So if I remove my ScriptManager in my content page, it's telling me that the RadToolTipManager need a ScriptManager to work. Is there a solution to my problem.

Thanks

Keven

ScriptManager and StyleSheetManager

answered on 02 Dec 2010