Questions on UI for ASP.NET AJAX Forum

1 answer

91 views

Column Width expanding during Horizontal Scroll

I have a RadGrid on my page that I build totally in the code behind. During the Pre-Render of the RadGrid I am setting each of the column widths using the HeaderStyle.Width. I also have hierarchy views on some of the rows. I use the NeedDataSource to acquire data for the grid.

When I populate the Grid the first time, all column widths are in tact and scrolling horizontally works and looks correct. Then when I either page, filter or sort, the grid rebinds with the new data and presents itself looking correct. When I scroll horizontally, one column in the MasterTableView loses its width and expands out almost 4 times its current state.

My pre-render looks like it is working since the grid looks correct when it presents itself, it is just when I horizontally scroll.

This only happens on my test environment. In development and on my machine, this does not happen. Same dll's are used on all 3 enviroments. I am using version 2012.2.815.40

Grid

answered on 07 Jun 2013

3 answers

165 views

GridDropDownColumn setting DataSource separately

Hi

I'm trying to make a RadGrid with cascadingcombo boxes. I'm new to Telerik so i have no clue what i'm doing at the moment. I tried to make the DropDown colum his datasource a list that i get from the DB trough Linq and trough a DTOmapper. So the thing is i can't attach my list of dto's to the comboboxcolum ! Because it only takes a string and not a List of objects. Does anyone know what i'm doing wrong or am i completly forgetting something ?

Ill attach my code

private void LoadBehandelaars(int toInt32)

{

DataTable behandelaar = new DataTable();

List<User> Behandelaars = _clientenFunctions.GetBehandelaarsByDiscipline(Convert.ToInt32(Session["cate"]));

behandelaar.PrimaryKey = new DataColumn[]{ behandelaar.Columns.Add("NestorNummer",typeof(string))};

behandelaar.Columns.Add("UserName", typeof (string));

foreach (User user in Behandelaars)

{

behandelaar.Rows.Add(new object[]

{

user.NestorNummer, user.UserName

}

);

}

GridDropDownColumn BehanderlaarColumn = new GridDropDownColumn();

BehanderlaarColumn.HeaderText = "Behandelaar";

BehanderlaarColumn.DataSourceID = behandelaar.ToString();

}

Grid

answered on 07 Jun 2013

1 answer

90 views

How to merge the column using telerik table?

Hi all,

I want to design the report table like wise

Name id Menuitem description price
menuname Code
aa 2 Orange Occ mfhff 21576

General Discussions

answered on 07 Jun 2013

5 answers

291 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

49 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

58 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

119 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

107 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

130 views

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

235 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