Questions on UI for ASP.NET AJAX Forum

5 answers

322 views

Radpanelbar Item link opening in new window

I am having an issue with RadPanelItem.When i click on any link the link is opening in new window instead of the target pane.The link should open the the targeted MainPane.Below is the code.Please help.Thanks in advance.

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

<%@ 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>
<telerik:RadCodeBlock runat="server" ID="radCodeBlock">
<script type="text/javascript">
function winMax() {
var oWnd = $find("<%=RadWindow2.ClientID %>");
oWnd.show();

oWnd.maximize();
//alert("done"+win);
}
</script>
</telerik:RadCodeBlock>
</head>
<body onload="winMax()">
<form id="form1" runat="server">
<asp:ScriptManager ID="sc01" runat="server"></asp:ScriptManager>
<div">
<telerik:RadWindowManager ID="RadWindowManager1" runat="server">
<Windows>
<telerik:RadWindow ID="RadWindow2" runat="server" Title="XBROKER" Behaviors="Minimize,Close" Skin="Default" Width="100%" MinimizeZoneID="toolbar">
<ContentTemplate>
<telerik:RadRibbonBar ID="RadRibbonBar1" runat="server">
<telerik:RibbonBarTab Text="Home">

</telerik:RibbonBarTab>
</telerik:RadRibbonBar>
<telerik:RadSplitter ID="RadSplitter1" Width="99.9%" Height="82%" runat="server"
ResizeMode="EndPane">
<telerik:RadPane ID="RadPane1" runat="server" Width="18.8%" Scrolling="Y">
<telerik:RadPanelBar ID="RadPanelBarMenu" runat="server" ExpandMode="FullExpandedItem"
Height="100%" Skin="Default" Width="100%">
<Items>
<telerik:RadPanelItem ID="asd" runat="server" Expanded="true" Height="30px" Text="Business Setup">
<Items>
<telerik:RadPanelItem runat="server" NavigateUrl="~/Default.aspx"
Target="MainPane" Text="Agent" >
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/BusinessSettingsSetup/BankSetup.aspx"
Target="MainPane" Text="Bank">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/BusinessSettingsSetup/BankBranchSetup.aspx"
Target="MainPane" Text="Bank Branch">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/BusinessSettingsSetup/BankAccountSetup.aspx"
Target="MainPane" Text="Bank Accounts">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/BusinessSettingsSetup/BrokerHouseSetup.aspx"
Target="MainPane" Text="Broker House">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/BusinessSettingsSetup/CompanySetup.aspx"
Target="MainPane" Text="Company">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/BusinessSettingsSetup/CompanyBranchSetup.aspx"
Target="MainPane" Text="Company Branch">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/BusinessSettingsSetup/InstrumentSectorSetup.aspx"
Target="MainPane" Text="Instrument Sector">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/BusinessSettingsSetup/InstrumentIndustrySetup.aspx"
Target="MainPane" Text="Instrument Industry">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/BusinessSettingsSetup/InstrumentMarginStatusDatewise.aspx"
Target="MainPane" Text="Datewise Instrument Margin Status">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/BusinessSettingsSetup/InstrumentListingDatewise.aspx"
Target="MainPane" Text="Datewise Instrument Listing">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" NavigateUrl="~/BusinessSettingsSetup/NonTradingDaySetup.aspx"
Target="MainPane" Text="Non Trading Day">
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelItem>

</Items>
</telerik:RadPanelBar>
</telerik:RadPane>
<telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Forward" />
<telerik:RadPane runat="server" ID="MainPane" >

</telerik:RadPane>
</telerik:RadSplitter>

</ContentTemplate>
</telerik:RadWindow>
</Windows>
</telerik:RadWindowManager>
</div>
</form>
</body>
</html>

PanelBar

answered on 07 Jun 2013

1 answer

63 views

Text not showing in IE, it's fine in Chrome

Hi guys,
we are using AutoCompleteBox. The funny thing is that in IE (we are using IE 9), you can't see text. It's there, because the marker is moving to the right as you type, but you can't see the text. I've even copied the text to Word to see if it's even working.

In Chrome is fine.

<telerik:RadAutoCompleteBox ID="racbStreet" runat="server" AllowCustomEntry="True"
               Width="200px" DataTextField="Name" DataValueField="StreetID" Filter="StartsWith"
               InputType="Text">
               <TextSettings SelectionMode="Single" />
</telerik:RadAutoCompleteBox>

Any ideas?

THX,

regards, Uros

AutoCompleteBox

answered on 07 Jun 2013

2 answers

67 views

OnAjaxUpdate Not working Tooltipmanager , ListView

Hi,

I'm use tooltipmanager in RadListView follow by demos tooltip load on demand, But OnAjaxUpdate not working when mouseover item in radlistview

Follow,

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="ListShowAccreditation">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="ListShowAccreditation" LoadingPanelID="RadAjaxLoadingPanel1">

</telerik:AjaxUpdatedControl>

<telerik:AjaxUpdatedControl ControlID="RadToolTipManager1"></telerik:AjaxUpdatedControl>

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">

</telerik:RadAjaxLoadingPanel>

<telerik:RadToolTipManager runat="server" ID="RadToolTipManager1" Position="Center"

RelativeTo="Element" Width="400px" Height="200px" Animation="Resize" HideEvent="LeaveTargetAndToolTip"

Skin="Default" OnAjaxUpdate="OnAjaxUpdate" OnClientHide="OnClientHide" RenderInPageRoot="true"

AnimationDuration="200">

</telerik:RadToolTipManager>

<asp:Label ID="Label1" runat="server" />

<telerik:RadListView ID="RadListView1" ItemPlaceholderID="PlaceHolder_ListShowAccredit"

runat="server" OnSelectedIndexChanged="ListBox_SelectedIndexChanged" DataValueField="AccreditationID"

AutoPostBack="true">

<LayoutTemplate>

<asp:PlaceHolder ID="PlaceHolder_ListShowAccredit" runat="server" />

</LayoutTemplate>

<ItemTemplate>

<asp:Label ID="lblAccreditID" runat="server" Text='<%# Eval("AccreditationID") %>'

Visible="false" />

<a>

<asp:Label ID="lblAccredit" runat="server" Text='<%# Eval("Name") %>' ForeColor="#0083BA"

Visible="true" />

<asp:Label ID="lblComma" Text=", " ForeColor="#0083BA" runat="server" /></a>

</ItemTemplate>

</telerik:RadListView>

In codebehind

private void UpdateToolTip(string elementID, UpdatePanel panel)

{

Control ctrl = Page.LoadControl("AccreditationPopup.ascx");

panel.ContentTemplateContainer.Controls.Add(ctrl);

UCAccreditationPopup details = (UCAccreditationPopup)ctrl;

details.ID = elementID;

}

protected void OnAjaxUpdate(object sender, ToolTipUpdateEventArgs args)

{

this.UpdateToolTip(args.Value, args.UpdatePanel);

}

protected void ListBox_SelectedIndexChanged(object sender, EventArgs e)

{

this.RadToolTipManager1.TargetControls.Clear();

ListShowAccreditation.DataBind();

}

I'm newbie to use telerik.

ToolTip

answered on 07 Jun 2013

1 answer

150 views

Telerik radtooltipmanager does not work after a radgrid postback

Hi,

We have a radtooltipmanager inside our radgrid. Everything worked fine until recently where we upgraded the telerik controls to Q3 2012 version. After this upgrade, the radtooltip manager started working different i.e.., after the radpostback, the radtooltip does not work for certain rows and works for certain rows in the same grid.

So a team member upgraded telerik to the latest version Q1 2013 and it seems to fix the problem on his machine when he ran the application locally. But when the dlls got deployed to different environments, we still see the issue with radtooltip manager. So I decided to upgrade telerik to Q1 2013 in my machine. When I ran the application locally, I still see the issue whereas my colleague upgraded to the latest version and that fixed the issue on his machine.

Does anyone have a similar issue? I would like to get inputs from other users if they are facing the same problem.

Thanks,
Lavanya.

ToolTip

answered on 07 Jun 2013

3 answers

140 views

Waterfall Chart

We have been asked by a client to develop a 'Waterfall Chart'.

Is there a way with the Telerik Chart tool to generate such a chart? Other chart tools have this ability but we wish to remain with the Telerik suite.

Thanks,
Daniel.

Chart (Obsolete)

answered on 07 Jun 2013

2 answers

181 views

[Solved] RadAjaxManagerProxy in AJAX dynamically loaded ascx UserControl.

Hi,

I have this scenario:

aspx page with some buttons
a placeholder
buttons are linked by RadAjaxManager to placeholder
on click I load ascx UserControl into placeholder (through AJAX, similar to your help page http://www.telerik.com/help/aspnet-ajax/ajax-load-user-controls.html)

In the ascx UserControl I have RadAjaxManagerProxy and some controls ajax linked by this RadAjaxManagerProxy.

Everything works fine with one exception. I found in Firebug that every ajax postback in user control causes refresh of full UserControl area, not just control which is target of ajax.

Is possible to achieve behavior that AJAX in user control change only target (=UpdatedControls) control?

Example: this is RadAjaxManagerProxy configuration from user control. Problem is that when I press btnCheck, AJAX will update not only Label1, but also Label2 and whole user control...

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="btnCheck">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="Label1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

Thank you!

Ajax

answered on 07 Jun 2013

1 answer

267 views

RadCombobox with additional link button

I would like to have a combobox on my page with load on demand that works in the same way as the telerik combobox demo (http://demos.telerik.com/aspnet-ajax/combobox/examples/populatingwithdata/autocompletesql/defaultcs.aspx)

In addition I would like to have an image button displayed beside the text for each line of the combobox, which will do a postback whenever it is clicked.

I tried to do this using the ItemTemplate node in my aspx page however when I did this, items can no longer be selected in the the combo box and the image buttons do not post back the page. Is this functionality I should be able to get to work or is it something the combobox can't do?

ComboBox

answered on 07 Jun 2013

1 answer

112 views

[Solved] How to apply Multiple behaviors using server side code

Hi everyone,

I have one scenario where i need to apply two behaviors Close,Move

here is my code

RadWindow RadWindow1 = new RadWindow();

RadWindow1.ID = AGCommon.ToString(item.Id);

RadWindow1.VisibleOnPageLoad = true;

RadWindow1.Width = 800;

RadWindow1.Height = 550;

RadWindow1.Behaviors = WindowBehaviors.Close;

RadWindow1.Behaviors = WindowBehaviors.Move;

RadWindow1.NavigateUrl = "Tests.aspx";

RadWindowManager1.Windows.Add(RadWindow1);

But it takes only shows Move behavior . I need both Close,Move behaviors.

Can anyone help me out.

Thanks

Grid

answered on 07 Jun 2013

3 answers

69 views

Load on demand with selection removal.

Hello,
I have a telerik RadComboBox which uses load on demand functionality. The issue that I have is that once I type a text to the combobox and selects an item, That item should not be loaded again onto the combobox box when requested. Its like the item was removed from the list.

Thanks.

ComboBox

answered on 07 Jun 2013

1 answer

73 views

Radwindow size issue

I had a hyperlink column in the radgrid, the link then open a radwindow.

the code works fine that can open a radwindow, but the window size cannot resize no matter i set

the following are my code:

ASP

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

function ShowSIMPER(id) {

window.radopen("HR_SIMPER_view.aspx?SIMPER_ID=" + id + "&UserID=0", "SIMPER_PDF" );

return false;

}

</script>

</telerik:RadCodeBlock>

<telerik:RadGrid ID="RadGrid2" runat="server" AllowFilteringByColumn="True"

AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False" OnItemCreated="RadGrid2_ItemCreated"

CellSpacing="0" DataSourceID="LDS_SIMPER" GridLines="None" Width="40%">

<MasterTableView DataKeyNames="SIMPER_ID" DataSourceID="LDS_SIMPER">

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

<RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column">

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

</RowIndicatorColumn>

<ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column">

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

</ExpandCollapseColumn>

<Columns>

<%-- <telerik:GridHyperLinkColumn Text="View/Edit" DataNavigateUrlFormatString="~/HR/HR_SIMPER_view.aspx?SIMPER_ID={0}&UserID=0" DataNavigateUrlFields="SIMPER_ID" UniqueName="HyperLinkColumn" AllowFiltering="false" Target="_blank">

</telerik:GridHyperLinkColumn>--%>

<telerik:GridTemplateColumn UniqueName="TemplateEditColumn">

<ItemTemplate>

<asp:HyperLink ID="ViewLink" runat="server" Text="View"></asp:HyperLink>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="Valid_From" DataType="System.DateTime"

FilterControlAltText="Filter Valid_From column" HeaderText="Valid_From"

SortExpression="Valid_From" UniqueName="Valid_From" DataFormatString ="{0: dd-MMM-yyyy}">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Valid_Till" DataType="System.DateTime"

FilterControlAltText="Filter Valid_Till column" HeaderText="Valid_Till"

SortExpression="Valid_Till" UniqueName="Valid_Till" DataFormatString ="{0: dd-MMM-yyyy}">

</telerik:GridBoundColumn>

</Columns>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column"></EditColumn>

</EditFormSettings>

<PagerStyle PageSizeControlType="RadComboBox"></PagerStyle>

</MasterTableView>

<PagerStyle PageSizeControlType="RadComboBox"></PagerStyle>

<FilterMenu EnableImageSprites="False"></FilterMenu>

</telerik:RadGrid>

<telerik:RadWindowManager ID="RadWindowManager1" runat="server">

<Windows>

<telerik:RadWindow ID="SIMPER_PDF" runat="server" Title="View SIMPER Card" Height="700px"

Width="710px" Left="50px" ReloadOnShow="true" ShowContentDuringLoad="false" VisibleStatusBar="false"

Modal="false">

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

<asp:LinqDataSource ID="LDS_SIMPER" runat="server"

ContextTypeName="dcLRDBDataContext" EntityTypeName=""

TableName="db_Employee_Simper_Records" Where="UserID == @UserID and parent_id == null">

<WhereParameters>

<asp:QueryStringParameter Name="UserID" QueryStringField="UserID"

Type="Int32" />

</WhereParameters>

</asp:LinqDataSource>

Code behind (VB)

Protected Sub RadGrid2_ItemCreated(ByVal sender As Object, ByVal e As GridItemEventArgs)

If TypeOf e.Item Is GridDataItem Then

Dim editLink As HyperLink = DirectCast(e.Item.FindControl("ViewLink"), HyperLink)

editLink.Attributes("href") = "javascript:void(0);"

editLink.Attributes("onclick") = [String].Format("return ShowSIMPER('{0}','{1}');", e.Item.OwnerTableView.DataKeyValues(e.Item.ItemIndex)("SIMPER_ID"), e.Item.ItemIndex)

End If

End Sub

Window

answered on 07 Jun 2013