Questions on UI for ASP.NET AJAX Forum

1 answer

66 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

73 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

157 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

149 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

191 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

276 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

119 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

79 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

80 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

1 answer

226 views

Changing EditMode to 'InPlace' breaks DropDownList

Hello,

I currently have a rad grid that on row insert and edit command displays a regular ASP DropDownList box populated from code behind in the OnItemDataBound event handler. Everything is working fine, the values are populated and the data is stored on insert/update, however changing the EditMode to InPlace on the master table view creates an empty box with no data populated. What is changing here?

Here is the first part of my ASP for the grid

<telerik:RadGrid ID="OrderItemGrid" runat="server" AutoGenerateColumns="False"

CellSpacing="0" GridLines="None">

<MasterTableView CommandItemDisplay="Top" DataKeyNames="OrderItemID" EditMode="InPlace">

<CommandItemSettings ExportToPdfText="Export to PDF" AddNewRecordText="Quick-Add New Order Item" />

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column"

Visible="True">

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column"

Visible="True">

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn DataField="OrderItemID"

FilterControlAltText="Filter OrderItemID column" HeaderText="Item ID"

ReadOnly="True" UniqueName="OrderItemID">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn DataField="CatID" FilterControlAltText="Filter CatID column" HeaderText="Category" UniqueName="CatID">

<EditItemTemplate>

<asp:DropDownList ID="DDCategory" runat="server"></asp:DropDownList>

</EditItemTemplate>

<InsertItemTemplate>

<asp:DropDownList ID="DDCategory" runat="server"></asp:DropDownList>

</InsertItemTemplate>

<ItemTemplate>

<asp:Label ID="CatIDLabel" runat="server" Text='<%# Eval("CatID") %>'></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

And here is the relevant code-behind

Protected Sub OrderItemGrid_ItemDataBound(ByVal sender As Object, ByVal e As GridItemEventArgs) Handles OrderItemGrid.ItemDataBound

If TypeOf (e.Item) Is GridEditFormInsertItem And e.Item.IsInEditMode Then

Dim editItem As GridEditFormInsertItem = CType(e.Item, GridEditFormInsertItem)

Dim dropList As DropDownList = CType(editItem("CatID").FindControl("DDCategory"), DropDownList)

Using dbContext As New MatrixORMModelVB()

dropList.DataSource = dbContext.Categories.ToList()

dropList.DataTextField = "CategoryName"

dropList.DataValueField = "CategoriesID"

dropList.DataBind()

End Using

ElseIf TypeOf (e.Item) Is GridDataItem And Not e.Item.IsInEditMode Then

Dim editItem As GridDataItem = CType(e.Item, GridDataItem)

Dim label As Label = CType(editItem("CatID").FindControl("CatIDLabel"), Label)

Using dbContext As New MatrixORMModelVB()

Dim temp As String = label.Text

Dim tempCat As MatrixORM.Category = dbContext.Categories.Where(Function(c) c.CategoriesID = temp).First()

label.Text = tempCat.CategoryName

End Using

End If

End Sub

If I remove EditMode="InPlace" from the MasterTableView things work perfectly. Why the difference?

Thanks

Grid

answered on 07 Jun 2013