Questions on UI for ASP.NET AJAX Forum

1 answer

54 views

Hello,

I have a problem with setting the z-index property for the radwindow control
I have a flash vedio (downloaded from http://www.aspnetflashvideo.com/ ) in the master page, and the child page has a radwindow control. By displaying the radwindow, its titlebar and boder will be displayed under the flash vedio (view attached image).

My code:

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

<script type="text/javascript">

function open_win() {

window.open("Pages/FullSMap.aspx?smapp=MainImage", "_blank", "toolbar=no, location=no, titlebar=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, copyhistory=no, width=100%, height=100%");

}

</script>

</asp:Content>

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

<asp:Panel ID="CnsrtsPanel" style="margin-left:10px; margin-right:10px;" runat="server">

<br />

<telerik:RadWindowManager VisibleOnPageLoad="false" ID="RadWindowManager2" runat="server">

<Windows>

<telerik:RadWindow runat="server" VisibleTitlebar="true" DestroyOnClose="true" VisibleStatusbar="false" Behaviors="Close,Maximize,Minimize,Pin,Reload" Width="480px" Height="230px" style="z-index:80000;"

ID="RadWindow1" NavigateUrl="Audio.aspx" >

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

<script type="text/javascript">

function UseRadWindow() {

var oWnd = $find("<%= RadWindow1.ClientID %>");

oWnd.show();

oWnd.setUrl("Audio.aspx");

oWnd.maximize();

}

</script>

<asp:Label ID="HeaderLabel" SkinID="HeaderText" runat="server" Text="<%$ Resources:Resource, PagesConcertsHeaderLabel %>"></asp:Label>

<br />

<telerik:RadGrid ID="ConcertsRadGrid" runat="server" Skin="WebBlue" AllowFilteringByColumn="false"

GridLines="None" AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False"

ShowStatusBar="true" OnPreRender="ConcertsRadGrid_PreRender"

OnNeedDataSource="ConcertsRadGrid_NeedDataSource"

onitemcommand="ConcertsRadGrid_ItemCommand1" >

<MasterTableView GridLines="None" Width="100%" Dir="RTL" CommandItemDisplay="None" DataKeyNames="CnsrtID">

<Columns>

<telerik:GridBoundColumn UniqueName="CType" HeaderText="<%$ Resources:Resource, PagesConcertsRadGridCTypeColumn %>" DataField="CType">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="CnsrtName" HeaderText="<%$ Resources:Resource, PagesConcertsRadGridCnsrtNameColumn %>" DataField="CnsrtName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="Choirs" HeaderText="<%$ Resources:Resource, PagesConcertsRadGridChoirsColumn %>" DataField="Choirs">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="AudioColumn" HeaderText="Audio" >

<ItemTemplate>

<asp:LinkButton ID="AudioLinkButton" runat="server" OnClientClick="UseRadWindow();return false;" Text="Audio"></asp:LinkButton>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</asp:Panel>

</asp:Content>

The flash vedio:

<ASPNetFlashVideo:FlashVideo ID="FlashVideo1" VideoURL="~/Common/Cnsrts/Clps/Kuwait1_5.flv" Width="302px" Height="210px" style="z-index:1;" AutoPlay="false" runat="server">

</ASPNetFlashVideo:FlashVideo>

I'm using "RadControls for ASP.NET AJAX Q3 2009".

Please, I need your help to fix the probelm,
It is apprecited to send me the modified code.

Regards,
Bader

Grid

answered on 12 Oct 2010

1 answer

124 views

TargetControlId appears to be lost when dynamically updating position

Consider the following JavaScript code

var radToolTip = $find(toolTipClientId);

radToolTip.set_targetControlID(""); // Fix provided by Telerik b/c target control id is list in update panel

radToolTip.set_targetControlID(sender.id);

if (getMousePosition() > (getWindowHeight() / 2)) { radToolTip.set_position(Telerik.Web.UI.ToolTipPosition.TopRight); }

else { radToolTip.set_position(Telerik.Web.UI.ToolTipPosition.BottomRight); }

radToolTip.show();

I recently made a change where I calculate the mouse position and the window position to say (semantically), if the user has clicked on a link on the bottom of the window, set the position of the tooltip to the upper right else set the position to the lower right. It appears to work at first glance, with the tooltip popping up correctly. However, after a couple of clicks, it appears as though the tooltip is losing it's target control ID. For example, the tooltip will pop up in the right direction, just on the existing control ID (link). If I take out the position code it works fine but always has the tooltip on the bottom which causes users to scroll. I've really been scratching my head on this so any help is appreciated.

ToolTip

answered on 12 Oct 2010

1 answer

151 views

Finding the the control which is inside a RadGrid that caused a postback

Here is the scenario

I have a RadGrid which contains a GridButtonColumn(I have highlighed in the code below). When the user clicks
then I take them to a separate page for editing. I know I can track this in the ItemCommand Event. But What I
am trying to accomplish is if possible get the cotrol id in the Page_Load so that I can skip all the other page
events and take redirect the user to the edit page.Currenly I am not able to do this since I can't get the
control id which cuased the postback (i this case it was the GridButtoncolumn) So my question is How to get
the Id/Control which caused the postback which is inside the RadGrid. Appreciate your reponse

Here is the code

<telerik:RadGrid

ID="rdgAccountView"

runat="server"

AllowPaging="True"

AllowSorting="True"

AutoGenerateColumns="False"

OnNeedDataSource="rdgAccountView_OnNeedDataSource"

OnItemCreated="rdgAccountView_ItemCreated"

OnItemCommand="rdgAccountView_ItemCommand"

OnPreRender="rdgAccountView_PreRender"

OnLoad="rdgAccountView_OnLoad"

OnItemDataBound="rdgAccountView_ItemDataBound"

>

<ClientSettings>

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

<Selecting AllowRowSelect="False" />

<Resizing AllowColumnResize="true" ClipCellContentOnResize="true" />

</ClientSettings>

<ExportSettings>

<Pdf FontType="Subset" PaperSize="Letter" />

<Excel Format="Html" />

</ExportSettings>

<MasterTableView

Width="100%"

NoDetailRecordsText="No Account Records Found"

CurrentResetPageIndexAction="SetPageIndexToFirst"

Dir="LTR"

Frame="Border"

TableLayout="Auto"

DataKeyNames="ParentIdentifier">

<RowIndicatorColumn CurrentFilterFunction="NoFilter" FilterListOptions="VaryByDataType"

Visible="False">

<HeaderStyle Width="20px" />

</RowIndicatorColumn>

<Columns>

<telerik:GridButtonColumn ButtonType="ImageButton" ImageUrl="../../App_Themes/Default/DataEditingImages/Edit.gif"

CommandName="EditAccountView" Text="Edit" UniqueName="EditFromAccountView">

<HeaderStyle Width="20px" />

</telerik:GridButtonColumn>

<telerik:GridBoundColumn DataField="FirstName" Groupable="False" HeaderText="First Name"

UniqueName="Full Name" ReadOnly="True" ItemStyle-HorizontalAlign="left" HeaderStyle-Width="124px"

HeaderStyle-Wrap="true" AutoPostBackOnFilter="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="LastName" Groupable="False" HeaderText="Last Name"

UniqueName="Full Name" ReadOnly="True" ItemStyle-HorizontalAlign="left" HeaderStyle-Width="124px"

HeaderStyle-Wrap="true" AutoPostBackOnFilter="true">

</telerik:GridBoundColumn>

</Columns>

<EditFormSettings>

<EditColumn CurrentFilterFunction="NoFilter" FilterListOptions="VaryByDataType">

</EditColumn>

<PopUpSettings ScrollBars="None"></PopUpSettings>

</EditFormSettings>

</MasterTableView>

<ClientSettings AllowColumnsReorder="True">

</ClientSettings>

</telerik:RadGrid>

Grid

answered on 12 Oct 2010

0 answers

77 views

RadChart Series

using item databound remove the series in first column(ex:- select count(name) as name from tablename) as value comes as a first series

Chart (Obsolete)

asked on 12 Oct 2010

1 answer

77 views

Newbie question: Simplest way to update a panel?

I have a MasterPage with a textbox I want to update with a message whenever something goes wrong.

The idea would be to have some method like

public void SetMessage(string message)
{
alert.InnerText = message;
UpdatePanel(AlertPanel);
}

in the MasterPage, and call it whenever I want to update my message from anywhere. What would be the simplest way to achieve this with RadAjaxPanel controls?

(I'm new at Rad controls, so other controls are fine as long as they achieve what I want)

thanks!

Ajax

answered on 12 Oct 2010

1 answer

152 views

Problem with RadTimePicker when using RadAjaxManager or RadAjaxPanel

Dear Support,

I can send you a sample project that reproduces a bug related to RadTimePicker we haven't been able to solve so far. I wasn't able to issue a support ticket although we have licensed copy of RadControls for Ajax and Report. Please let me know how you'd like to get the sample project.
In that sample .NET 3.5 web application project, WebForm1.aspx is a start page. It has 2 panels. First panel is visible and second one is invisible.
Panel 1 has a "Show Time Picker" button that when clicked toggles both panel's visibility. I.e. it switches to panel 2.
Panel 2 has a RadTimePicker and a Back button.
Back button's OnClickClick opens a RadWindow which shows another page called ConfirmBox.aspx.
On confirming Yes, a JS function is called that calls WebForm1's (parent's) callback JS function.
The callback function does a __postback indicating that BackButton is clicked.
In the codebehind PageLoad method if BackButtonClicked flag is set then the Panel 1 is visible.

Once you get the sample project, you can reproduce the problem with these steps:

Click Show Time Picker in Panel 1.
Panel 2 is shown.
Click Back button on Panel 2.
Confirmation box appears.
Click Yes.
Panel 1 is shown again.
Click Show Time Picker button again.
Now the Panel would be displayed with RadTimePicker not rendered at all in IE, Firefox, Chrome, Safari.

See attached screen showing the problem with RadTimePicker. The problem happens only when RadAjaxManager or RadAjaxPanel are used. We want to show progress indicator so we want to use RadAjaxManager or RadAjaxPanel but we're now stuck.

Please help.

Thank you,
Parvinder Grover
Aldelo Systems

Ajax

answered on 12 Oct 2010

1 answer

77 views

RadSlider doesn't print?

Hi I am trying to print a RadSlider, but it doesn't show up.

I can replicate this on a standard aspx page. Have attached a picture of normal view and print preview view, and also the code. Have tried two skins default and vista and it happens to both. The print preview picture is exactly what happens when printing to paper as well.

Can you help me get it to print?

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="bq_test" %>

<!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>

</head>

<body>

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

<div>

<telerik:RadScriptManager ID="RSM1" runat="server" />

<telerik:RadSlider ID="RadSlider1" runat="server" ShowDecreaseHandle="false" ShowIncreaseHandle="false" ItemType="Item" Height="55" Enabled="false" Width="400" Skin="Default">

<Items>

<telerik:RadSliderItem Value="1" Text="A" />

<telerik:RadSliderItem Value="1" Text="B" />

<telerik:RadSliderItem Value="1" Text="C" />

<telerik:RadSliderItem Value="1" Text="D" />

<telerik:RadSliderItem Value="1" Text="-" />

</Items>

</telerik:RadSlider>

</div>

</form>

</body>

</html>

Slider

answered on 12 Oct 2010

3 answers

51 views

maximized radwindow doesnt show next radwindow

hi,

i create radwindow1 and maximize it via javascript. After that theres a second radwindow2 which can be opened from radwindow1.

The problem is that radwindow1 is still on top of everything still showing itself maximized.
When i close radwindow1 it disappears correctly. Behind it then i can see radwindow2.
Radwinows aren't modal.

My current workaround is to

.hide() radwindow1 on opening radwindow2.
and .show() radwindow1 on closing radwindow2.

but this way radwindow1 seems to completely reload itself, as if its just created again. (but in the online help it says it just goes invisible.. and i dont have ReloadOnShow=true)

why hides the maximized win the following radwindows?
is there another possiblity to show radwindow2 in front of the maximized radwindow1 as normally intended?

cheers Mario

Window

answered on 12 Oct 2010

1 answer

381 views

GridHyperLinkColumn and underline

I am using the Office2007 skin. Is there an easy way to override the style so that the underline on the hyperlink is not displayed?

Thanks.

Grid

answered on 12 Oct 2010

2 answers

116 views

Disable on Popup Edit Form

Can you tell me how I would disable a RadComboBox on a RadGrid Popup Edit form ONLY when the Popup Edit form is in Update mode? I need the RadComboBox to be enabled when in Insert mode. Thanks =)

Grid

answered on 12 Oct 2010