Questions on UI for ASP.NET AJAX Forum

2 answers

70 views

Problem in ComboBox accepting "<" character

I had an unsual issue I ran into. When filling a combobox text property from a database pull, my database was coming back with a value of "<no company>" and filling the combobox text property. When I tried to save data back to the database I get the following error, in my studio window (in attached file). If I manually remove the "<" character it is fine. I think the control somehow is having problems accepting the "<" character. It's an unusual condition but still may cause issues for users.

Kevin Kess

ComboBox

answered on 29 Sep 2010

5 answers

122 views

update panel not displaying in firefox

I have created a very simple page with a button and the ajax compnents. When I click the button, the update panel doesn't display in firefox but it does in IE. I took this from one of the examples. Is there something unique to Firefox? The example works on the demo page, but when I remove the content code and place it on my page, it doesn't.

Thanks

<%@ Page Language="VB" %>

<%@ 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">

<script runat="server">

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As EventArgs)

'simulate longer page load

System.Threading.Thread.Sleep(2000)

End Sub

Protected Sub CheckBox1_CheckedChanged(ByVal sender As Object, ByVal e As EventArgs)

RadAjaxLoadingPanel1.EnableSkinTransparency = (TryCast(sender, CheckBox)).Checked

End Sub

Protected Sub DropDownList1_SelectedIndexChanged(ByVal sender As Object, ByVal e As EventArgs)

Dim position As New AjaxLoadingPanelBackgroundPosition()

If DropDownList1.SelectedValue = "Bottom" Then

position = AjaxLoadingPanelBackgroundPosition.Bottom

End If

If DropDownList1.SelectedValue = "BottomLeft" Then

position = AjaxLoadingPanelBackgroundPosition.BottomLeft

End If

If DropDownList1.SelectedValue = "BottomRight" Then

position = AjaxLoadingPanelBackgroundPosition.BottomRight

End If

If DropDownList1.SelectedValue = "Center" Then

position = AjaxLoadingPanelBackgroundPosition.Center

End If

If DropDownList1.SelectedValue = "Left" Then

position = AjaxLoadingPanelBackgroundPosition.Left

End If

If DropDownList1.SelectedValue = "None" Then

position = AjaxLoadingPanelBackgroundPosition.None

End If

If DropDownList1.SelectedValue = "Right" Then

position = AjaxLoadingPanelBackgroundPosition.Right

End If

If DropDownList1.SelectedValue = "Top" Then

position = AjaxLoadingPanelBackgroundPosition.Top

End If

If DropDownList1.SelectedValue = "TopLeft" Then

position = AjaxLoadingPanelBackgroundPosition.TopLeft

End If

If DropDownList1.SelectedValue = "TopRight" Then

position = AjaxLoadingPanelBackgroundPosition.TopRight

End If

RadAjaxLoadingPanel1.BackgroundPosition = position

End Sub

</script>

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

<head runat="server">

<title></title>

<style type="text/css">

.style1

{

width: 212px;

height: 65px;

}

</style>

</head>

<body>

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

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

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="CheckBox1">

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="DropDownList1">

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="Panel1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="Panel1"

LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<div class="bigModule">

<div class="bigModuleBottom">

<p>

<b>RadAjaxLoadingPanel</b> supports skinning and you can change its skin by setting

the <b>Skin</b> property to the name of the respective skin. A <b>BackgroundPosition</b>

property enables you to position the loading image in the loading panel. The <b>EnableSkinTransparency</b>

property allows you to enable/disable default skin transparency.</p>

<p>

Please note that the loading images that are currently embedded in the Telerik.Web.UI

assembly will not be available after Q1 2009.

</p>

<br />

</div>

<table>

<tr>

<td style="width: 200px">

<asp:CheckBox ID="CheckBox1" runat="server" Text="EnableSkinTransparency" Checked="true"

AutoPostBack="true" OnCheckedChanged="CheckBox1_CheckedChanged" /><br />

<br />

</td>

<td>

Change Background Position:<br />

<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="true" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">

<asp:ListItem>Bottom</asp:ListItem>

<asp:ListItem>BottomLeft</asp:ListItem>

<asp:ListItem>BottomRight</asp:ListItem>

<asp:ListItem Selected="True">Center</asp:ListItem>

<asp:ListItem>Left</asp:ListItem>

<asp:ListItem>None</asp:ListItem>

<asp:ListItem>Right</asp:ListItem>

<asp:ListItem>Top</asp:ListItem>

<asp:ListItem>TopLeft</asp:ListItem>

<asp:ListItem>TopRight</asp:ListItem>

</asp:DropDownList>

</td>

</tr>

</table>

<fieldset class="module1">

<asp:Panel ID="Panel1" runat="server" HorizontalAlign="Center" Height="275px">

<asp:Button ID="Button1" runat="server" Text="Click to see the loading image" OnClick="Button1_Click"

Style="margin-top: 15px; margin-left: 15px" CssClass="qsfButtonBigger" />

</asp:Panel>

</fieldset>

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

adfadsfadsfasdfadsfadfas

</telerik:RadAjaxLoadingPanel>

</form>

</body>

</html>

Ajax

answered on 29 Sep 2010

1 answer

145 views

Data source and binding to grid column in code behind

HI
I know this can be done but I am struggling with this. Please advise..

I have a grid in which one column is a the file name of a page in a website root.
I am using the default grid edit mode.

I have successfully got a combo box in edit mode to display a list of pages like this:

Protected Sub RadGrid1_ItemDataBound(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridItemEventArgs) Handles RadGrid1.ItemDataBound

If TypeOf e.Item Is GridEditableItem And e.Item.IsInEditMode Then

If e.Item.OwnerTableView.IsItemInserted Then

'item is about to be inserted

Dim item As GridEditableItem = DirectCast(e.Item, GridEditableItem)

Dim RCBx As RadComboBox = DirectCast(item.FindControl("RadComboBoxPageName"), RadComboBox)

Dim dirInfo As New DirectoryInfo(Server.MapPath("~/"))

RCBx.DataSource = dirInfo.GetFiles("*.aspx")

RCBx.DataBind()

Else

'item is about to be edited

End If

End Sub

Now, when inserting I need to get the selected value to bind to the grid column to save the data. How to do this in this scenario?

Also I can display the same list when editing but then I need it to default to the current column value, while still allowing an alternative to be selected from the combo box and then to Update.

Help greatly appreciated!

Thanks

Clive

ComboBox

answered on 29 Sep 2010

2 answers

131 views

RadGrid Sorting While Click on Header

My requirement is "while clicking on the header instead of header text sorting should happen". Is it possible with radgrid?

Grid

answered on 29 Sep 2010

2 answers

82 views

Multi column filtering on programmatically created grid

Hello,

I am creating a grid programmatically inside of a user control following option 2 in the following link:

http://www.telerik.com/help/aspnet-ajax/grdprogrammaticcreation.html

My problem is that I am unable to filter on multiple columns. Filtering on one column works fine. When I try to filter a second column, the grid is only filtered by the second column. How can I implement a programmatically created grid that is recreated on every post-back that enables filtering on multiple columns?

Thanks,
Rick

Grid

answered on 29 Sep 2010

3 answers

246 views

RadGrid with Scrollbar and Header Text that wraps causes formatting issue

I have a RadGrid which has a scrollbar on it, and also a Header Text on one column which is long enough to wrap onto two lines. This causes a strange display problem in the top right corner of the RadGrid, above the scroll bar. It appears that part of the radgrid header doesn't realise that it needs to resize. I've attached an image to illustrate this.

If I shorten the header text so that it doesn't wrap, then everything is fine.

I've created a small demo project that illustrates the problem, but I can't attach it here! (How can I do that?)

I'm using ASP.NET Ajax Q1 2010 / bin35 version.

Any idea how I can fix this?

John

Grid

answered on 29 Sep 2010

1 answer

47 views

Bug in JavaScript function hideColumn with IE8

Hello Telerik-Team,

just want to inform you that on IE8 the JavaScript function hideColumn sometimes hides multiple columns. This behavior is browser specific!

Used version is: 2010.2.713.35

Regards,
Michael

Grid

answered on 29 Sep 2010

1 answer

65 views

Background threading and updating a cell background color in radGrid AJAX

I have a thread that is calling an MSMQ queue.
a) In the thread, I read in the xml into a dataset.
b) in the thread, I loop through the dataset rows to identify if a value == or != some business rule
c) in the thread, based on the results of (b), I need to update a radGrid's background.

What is the best approach to auto-refresh the grid when MSMQ processes a messaging coming in? Code examples in either VB.NET or C# would be extremely helpful.

Thanks,
/DZ

Grid

answered on 29 Sep 2010

1 answer

90 views

Menu Image Size

I was wondering if there is anywhere to set the image size for a menu item? I am using the preset image style WebBlue, but I would like bigger images (32x32 instead of 16x16)!

Menu

answered on 29 Sep 2010

6 answers

127 views

TabStrip service-side selected property does not update contents

Hi,

I'm trying to pre-select a tab in a TabStrip control from the server-side using the following code snippet in C#:

RadTabStripReportParams.FindTabByText("Standard").Selected = true;

The problem is when this is done, the "Standard" tab gets selected as required, but it's contents (i.e. the controls within it) are not updated (i.e. the controls from the previous tab are still displayed). This only happens when attempting the functionality server-side. The client-side options work as intended when coded as follows:

var tabStandard = tabsParams.findTabByText("Standard");
tabStandard.select();

Am I missing something? Can anyone help me shed some light on why the server-side option doesn't work as intended, or let me know if there are any work-arounds?

TabStrip

answered on 29 Sep 2010