Questions on UI for ASP.NET AJAX Forum

1 answer

97 views

Hi All
I have put together a series of collapsible splitters with some nested sliding panes,
I am using this in Full screen mode and have set the two main panes to occupy percentages of the screen,
Everything works as expected until the browser is re-sized!
The lower pane then encroaches on almost all of the screen,
When the screen is returned to full size the panes stay the same and are not as they initialy was i.e 60% & 40 % of the screen.

I would appriciate it if someone could point me in the right direction with this please.

Many Thanks

Regards
Darren

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Testgrid.aspx.vb" Inherits="Testgrid" Title="Testgrid" debug="true"%>

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<style type="text/css">

html, body, form , a img

{

height: 100%;

margin: 0px;

padding: 0px;

overflow: hidden;

border: 0;

}

</style>

</head>

<body bgcolor="#002440" >

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

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

</telerik:RadScriptManager>

<div id="Div1" style="height: 100%;">

<telerik:RadSplitter ID="RadSplitter1" runat="server" Height="100%" LiveResize="True"

Orientation="Horizontal" Skin="Web20" Width="100%" VisibleDuringInit="false"

FullScreenMode="True" BorderColor="0" SplitBarsSize="">

<telerik:RadPane ID="RadPane1" runat="server" Scrolling="Y" Index="1" Height="60%">

</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Both">

</telerik:RadSplitBar>

<telerik:RadPane ID="RadPane3" runat="server" Scrolling="None" Index="2" Height="40%">

<telerik:RadSplitter ID="RadSplitter2" runat="server" Orientation="Vertical" Skin="Web20"

VisibleDuringInit="false" BorderColor="0">

<telerik:RadPane ID="RadPane2" runat="server" Scrolling="None">

<telerik:RadSplitter ID="RadSplitter3" runat="server" Orientation="Horizontal" RegisterWithScriptManager="False"

Skin="Web20" FullScreenMode="True">

<telerik:RadPane ID="RadPane5" runat="server">

<telerik:RadSlidingZone ID="RadSlidingZone1" runat="server" SlideDirection="Bottom"

DockedPaneId="RadSlidingPane2">

<telerik:RadSlidingPane ID="RadSlidingPane1" runat="server" Title="Test Pane1"

ViewStateMode="Inherit" IconUrl="Images/Icons/cmove16.png" Scrolling="None" Height="250">

</telerik:RadSlidingPane>

<telerik:RadSlidingPane ID="RadSlidingPane2" runat="server" Title="Test Pane2"

ViewStateMode="Inherit" IconUrl="Images/Icons/note16.png" Scrolling="None" Height="250">

</telerik:RadSlidingPane>

</telerik:RadSlidingZone>

</telerik:RadPane>

</telerik:RadSplitter>

</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitBar2" runat="server" CollapseMode="Both">

</telerik:RadSplitBar>

<telerik:RadPane ID="RadPane4" runat="server">

<telerik:RadSplitter ID="RadSplitter4" runat="server" Orientation="Horizontal" Skin="Web20">

<telerik:RadPane ID="RadPane6" runat="server" Scrolling="None">

<telerik:RadSlidingZone ID="RadSlidingZone2" runat="server" SlideDirection="Bottom">

<telerik:RadSlidingPane ID="RadSlidingPane3" runat="server" Title="Future Stuff"

ViewStateMode="Inherit" IconUrl="Images/Icons/cmove16.png" Scrolling="None" Height="250">

</telerik:RadSlidingPane>

</telerik:RadSlidingZone>

</telerik:RadPane>

</telerik:RadSplitter>

</telerik:RadPane>

</telerik:RadSplitter>

</telerik:RadPane>

</telerik:RadSplitter>

</div>

</form>

</body>

</html>

Splitter

answered on 22 Dec 2010

1 answer

59 views

Customise Image Upload For Accessibility

Hi

We have a requirement to allow users to be able to specify an alternative description for multimedia which they upload via the built in image/media/flash managers in the radEditor. At the moment in our custom provider code we are having to default the image alt description to the name of the uploaded file which for site accessibility is not ideal.

Ideally we would like to add a textbox labelled "Alt Description" next to or underneath each of the file upload controls displayed on the upload dialog - see attached file. Having customised some of the other radEditor dialogs I can see no trace of the upload control in the \Dialogs folder.

Can you provide a suggestion on how we achieve this ?

This may be a feature which you may want to allow for out of the box in future releases to allow for better site accessibility compliance.

Thanks in advance

Editor

answered on 22 Dec 2010

2 answers

123 views

Child node count in NodeDataBound event

Is a node's child node count available in the NodeDataBound event?

This code...

protected void RadTreeView1_NodeDataBound(object sender, RadTreeNodeEventArgs e)

{

if (e.Node.Nodes.Count > 0)

throw new Exception("bang");

}

...never seems to throw an exception.

It makes sense that it might not have the child nodes count until the tree is fully databound, but I just wanted to make sure that is the case or if I'm overlooking something.

Thanks... Russ

TreeView

answered on 22 Dec 2010

1 answer

123 views

Telerik.Web.UI.WebResource.axd

Hi,
We have a web page that uses the Telerik.Web.UI.WebResource.axd script.

However, we only have one server that this script is launch when browsing the web page, and it take about 15 seconds to complete. (here'S the request : http://www.dfsinvestmentinsurance.ca/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=ctl00_RadScriptManager1_HiddenField&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d3.5.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3afr-FR%3a663073a9-f154-4e37-923f-5a912ece8950%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2009.2.701.35%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3afr-FR%3a7e598a31-3beb-49a1-914c-5f530240f0ea%3a16e4e7cd%3aed16cbdc%3a874f8ea2%3af7645509%3a24ee1bba%3a19620875%3a33108d14%3abd8f85e4).

All other test we have done with other machine, we do not have this HTTP request.

The page is : http://www.dfsinvestmentinsurance.ca/en/Pages/access-portfolio.aspx?navigation=fn_portefeuille

I am not web developper. I need to know two things :

1- Why only one server have this script launch
2- Why it is taking so long.

Hope I'm clear enough.

Thanks

General Discussions

answered on 22 Dec 2010

1 answer

54 views

Get uploaded image name

Hi Team,

I am using RadEditor --> ImageManager to upload the new image. How do i get the uploaded image file name at runtime programmatically using FileUpload event.

Regards,
Anjan

Editor

answered on 22 Dec 2010

1 answer

93 views

RadTooltip in Radgrid Child Table

I have an .aspx Content Page (i.e. a web page based on a master page), which contains a RadGrid with a single Child Table. I have used the following Telerik demo to incorporate a tooltip column into the child table http://demos.telerik.com/aspnet-ajax/tooltip/examples/targetcontrolsandajax/defaultcs.aspx. When I expand a row on the parent table I get the following error message

Microsoft JScript runtime error: Sys.WebForms.PageRequestManagerServerErrorException: Cannot find a server control with ID=ctl00_PageMainContent_gridFlightSchedule_ctl00_ctl07_Detail20_ctl04_targetControl. If you need to specify a client-side element ID, please set IsClientID to true.

I would be extremely grateful if you can you tell me what is happening here.

Grid

answered on 22 Dec 2010

1 answer

203 views

RadDatePicker FocusDate

I couldnt find this anywhere. How do you set the focusdate to the current date or at least the calendar control to current month, when the picker is selected?

Thanks in advance.

Calendar

answered on 22 Dec 2010

2 answers

150 views

DateTimePicker default time

I have a RadDateTimePicker and by default it shows "12:00AM". So I can not pick 12:00AM and have to pick other time to fire the event.

Check it in this example http://demos.telerik.com/aspnet-ajax/calendar/examples/datetimepicker/clientsideevents/defaultcs.aspx

How can I pick 12:00AM and fire the event ?

Calendar

answered on 22 Dec 2010

2 answers

130 views

RadDateTimePicker in a RadGrid

I have a date column and have a From dateTime To dateTime filter on that. I got that working but now it doesn't work with another column filters. If I select another filter for a specific dateTime rage, the dateTime selection is gone and dates are displayed as per the another filter.
Please help...

<FilterTemplate>

From

<telerik:RadDateTimePicker ID="FromOrderDatePicker" runat="server" Width="185px"

MinDate="01-01-2010" MaxDate="12-31-2010" FocusedDate="12-15-2010" DbSelectedDate='<%# startDate1 %>'>

<TimeView ID="TimeView1" OnClientTimeSelected="DateSelected" runat="server">

</TimeView>

</telerik:RadDateTimePicker>

to

<telerik:RadDateTimePicker ID="ToOrderDatePicker" runat="server" Width="185px" MinDate="01-01-2010"

MaxDate="12-31-2010" FocusedDate="12-15-2010" DbSelectedDate='<%# endDate1 %>'>

<TimeView ID="TimeView2" OnClientTimeSelected="DateSelected" runat="server">

</TimeView>

</telerik:RadDateTimePicker>

<telerik:RadScriptBlock ID="RadScriptBlock111" runat="server">

<script type="text/javascript">

function DateSelected(sender, args) {

var tableView = $find("<%# ((GridItem)Container).OwnerTableView.ClientID %>");

tableView.filter("DateCreated", "", "Between");

}

</script> </telerik:RadScriptBlock>

</FilterTemplate>

And Code behind is...

protected void taskGrid_ItemCommand(object sender, GridCommandEventArgs e)

{

if (e.CommandName == RadGrid.FilterCommandName)

{

Pair filterPair = (Pair)e.CommandArgument;

switch (filterPair.Second.ToString())

{

case "DateCreated":

e.Canceled = true;

this.startDate1 = ((e.Item as GridFilteringItem)[filterPair.Second.ToString()].FindControl("FromOrderDatePicker") as RadDateTimePicker).SelectedDate;

this.endDate1 = ((e.Item as GridFilteringItem)[filterPair.Second.ToString()].FindControl("ToOrderDatePicker") as RadDateTimePicker).SelectedDate;

taskGrid.MasterTableView.FilterExpression = "('" + startDate1.Value.ToString("MM/dd/yyyy HH:mm:ss") + "' <= [DateCreated] AND [DateCreated] <= '" + endDate1.Value.ToString("MM/dd/yyyy HH:mm:ss") + "')";

taskGrid.MasterTableView.Rebind();

break;

default:

break;

}

Calendar

answered on 22 Dec 2010

1 answer

180 views

RadAjaxmanager with Ajax toolkit

hi,
I am using RadAjaxManager Q1 2009 version. If i use Ajaxcontrol toolkit control I am getting javascript error with RadAjaxManager. i copied error below. when i remove RadAjaxManager i am not seeing any errors. why?

when i use RadAjaxManager i shouldn't use Ajaxcontrol toolkit controls..?? can anyone suggests..

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; InfoPath.2; MS-RTC LM 8; .NET4.0C; .NET4.0E)
Timestamp: Mon, 20 Dec 2010 15:02:35 UTC

Message: Sys.InvalidOperationException: Two components with the same id 'ctl00_Cph1_CalendarExtender1' can't be added to the application.
Line: 3654
Char: 59
Code: 0
URI: http://localhost:2065/NDIWeb/ScriptResource.axd?d=jO6lj8d7MPtcjhVtE5RwyJDsREURMbGvovQRWfOSAflo-_iG0Te3w-aVNsEkrrZRjAdsxnEEatXuPpVt_SY0GgFT0hbY8eF7SfQvNW8DPG_QZKnBMDFKG07_snOYIQdEaZtF58fuzoFD3n-aXSkAuR4s8zL_EG1I1sDKTWcFIDU6GIKg0&t=634172965859113573

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

<%--<asp:UpdatePanel runat="server" ID="update1" UpdateMode="Conditional" >

<ContentTemplate >--%>

<div style="text-align: center;" id="divsearch">

<br />

<rad:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<rad:AjaxSetting AjaxControlID="radddlcust">

<UpdatedControls>

<rad:AjaxUpdatedControl ControlID = "radddlcust" />

<rad:AjaxUpdatedControl ControlID = "txtfromdate" />

</UpdatedControls>

</rad:AjaxSetting>

</AjaxSettings>

</rad:RadAjaxManager>

<asp:Panel runat="server" ID="pnlcust" Enabled="true" CssClass="borderPanel" HorizontalAlign="Center" Width="820px">

<table width="820px" align="center" style="vertical-align:top;margin-bottom:3px;">

<tr class="HeaderRowIndented">

<td colspan="16" title="AppilcationHistory" > Application History</td>

</tr>

<tr align="center">

<td align="center"> <asp:Label runat="server" ID="Label3" Text="Application No" ToolTip="Customer" CssClass = "label" /> </td>

<td align="center"> <asp:Label runat="server" ID="Label1" Text="From Date" ToolTip="FromDate" CssClass = "label" /> </td>

<td align="center"> <asp:Label runat="server" ID="Label2" Text="To Date" ToolTip="ToDate" CssClass = "label" /> </td>

</tr>

<tr>

<td>

<rad:RadComboBox ID="radddlcust" runat="server" Width="200px" Skin="Vista" Height="250px"

SkinsPath="~/RadControls/ComboBox/Skins"

AllowCustomText="true"

MarkFirstMatch="true"

ToolTip="Select Application Name"

AutoPostBack="true"

OnClientSelectedIndexChanged = "ValidateCombobox"

OnItemsRequested="radddlcust_ItemsRequested"

OnSelectedIndexChanged="radddlcust_OnSelectedIndexChanged" >

<Items>

<rad:RadComboBoxItem Text="- Select -" Value="" />

</Items>

</rad:RadComboBox>

</td>

<td>

<asp:TextBox runat="server" ID="txtfromdate" CssClass="textbox" OnChange= "Validate()"

OnTextChanged="txtfromdate_OnTextChanged" ToolTip="Select date" AutoPostBack="true" />

<ajax:CalendarExtender runat="server" ID="CalendarExtender1"

Animated = "true"

TargetControlID="txtfromdate"

Format="MM/dd/yyyy"

PopupButtonID="imagefromdate" />

<asp:ImageButton runat="server" id="imagefromdate" ImageUrl="~/images/calendar_blue.GIF" ToolTip="select from date" />

<ajax:TextBoxWatermarkExtender ID="txtwextfromdate1" runat="server"

TargetControlID="txtfromdate" BehaviorID="FromwatermarkID"

WatermarkText="- Select the date -" />

</td>

<td>

<asp:TextBox runat="server" ID="txttodate" CssClass="textbox" ToolTip="Select date"

OnTextChanged="txttodate_OnTextChanged" AutoPostBack="true" OnChange= "Validate()" />

<ajax:CalendarExtender runat="server" ID="CalendarExtender2"

TargetControlID="txttodate"

Animated = "true"

Format="MM/dd/yyyy"

PopupButtonID="imgtodate" PopupPosition="BottomRight" />

<asp:ImageButton runat="server" id="imgtodate" ImageUrl="~/images/calendar_blue.GIF" ToolTip="select to date" />

<ajax:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender1" runat="server"

TargetControlID="txttodate" WatermarkText="- Select the date -" />

</td>

<td>

<asp:Button runat="server" ID="btnviewresults" Text="Submit" ToolTip="ViewResults"

OnClientClick = "return Validate()" CssClass="button" OnClick="btnviewresults_Click" />

</td>

<td align="right" style="width: 18px">

<asp:Button runat="server" ID="btncancel" Text="Cancel" ToolTip="Cancel selected values" CssClass="button"

OnClientClick = "return confirm('Are you sure that you wish to cancel all data?');" OnClick="btncancel_Click" />

</td>

<td align="left" style="width: 0px"></td>

</tr>

</table>

<div>

<ajax:FilteredTextBoxExtender ID="ftxtextFromDate" runat="server"

TargetControlID="txtfromdate" FilterType="custom"

ValidChars="acdelSht0123456789//- " ></ajax:FilteredTextBoxExtender>

<ajax:FilteredTextBoxExtender ID="ftxtextToDate" runat="server"

TargetControlID="txttodate" FilterType="custom"

ValidChars="acdelSht0123456789//- " ></ajax:FilteredTextBoxExtender>

<asp:RangeValidator ID="RangeValidator1" runat="server"

ControlToValidate="txtfromdate"

Type="Date" Display="Dynamic" />

<asp:RangeValidator ID="RangeValidator2" runat="server"

ControlToValidate="txttodate"

Type="Date" Display="Dynamic" />

</div>

</asp:Panel>

</td>

</tr>

Ajax

answered on 22 Dec 2010