Questions on UI for ASP.NET AJAX Forum

4 answers

214 views

changing appearance of items dropped in combo box

I have a need to either change the forecolor or the backcolor of certain items within a combo box dropdown list. Some may need both applied. I have a default backcolor to white and a default forecolor to black. The dropdown is a list of bills. If one bill contains hazardous cargo then i want the bill number to be red instead of black letters. If the bill is no longer an active bill then i want the change the backcolor of the item to be pink instead of white. If it is an inactive hazardous bill then i want red letters and a pink background to both apply. Changing the forecolor to red is working. Changing the backcolor is not working. The backcolor ends up visually not applying to the proper row. I am setting this within the ItemsRequested event with the code below within the loop that adds the data and binds it to the combo. (attached is a sceenshot of the results, each row where the column == N then the backcolor should be pink)

string mystatus;

mystatus = lBooking.STATUS;

item.Attributes.Add(

"STATUS", mystatus);

string myhaz;

myhaz = lBooking.HazFlag;

item.Attributes.Add(

"HazFlag", myhaz);

rcboBookingNum.Items.Add(item);

if (myhaz=="Y")

{

rcboBookingNum.Items[myitemcounter].ForeColor = System.Drawing.

Color.Red;

}

if (mystatus == "N")

{

rcboBookingNum.Items[myitemcounter].BackColor = System.Drawing.

Color.Pink;

}

myitemcounter = myitemcounter + 1;

XAML CODE :

<telerik:RadComboBox ID="rcboBookingNum" runat="server" OnItemsRequested="rcboBookingNum_ItemsRequested"

EnableLoadOnDemand="True" AllowCustomText="True" DropDownWidth="555px" AutoPostBack="True"

OnSelectedIndexChanged="rcboBookingNum_SelectedIndexChanged" ShowDropDownOnTextboxClick="False"

OnClientKeyPressing="OnClientKeyPressingrcboBookingNum"

MaxHeight="150"

Width="120px" Skin="Outlook" HighlightTemplatedItems="false" EnableTheming="False"

CssClass="MainPageCellInputs ForceCaps"

MaxLength="13" TabIndex="1"

MarkFirstMatch="True">

<tr>

Booking Num

</td>

Ship Name

</td>

Status

</td>

Hazardous

</td>

</tr>

</table>

</HeaderTemplate>

<tr>

<%

# DataBinder.Eval(Container, "Text")%>

</td>

<%

# DataBinder.Eval(Container, "Attributes['ShipName']") %>

</td>

<%

# DataBinder.Eval(Container, "Attributes['STATUS']")%>

</td>

<%

# DataBinder.Eval(Container, "Attributes['HazFlag']")%>

</td>

</tr>

</table>

</ItemTemplate>

</telerik:RadComboBox>

ComboBox

answered on 19 Nov 2010

4 answers

183 views

Toggle readonly client side and no value on postback

<script type="text/javascript">

function setReadOnly()

{

var TextBox1 = $find("<%= RadTextBox1.ClientID %>");

TextBox1._textBoxElement.readOnly = state;

}

function clearReadOnly()

{

var TextBox1 = $find("<%= RadTextBox1.ClientID %>");

TextBox1._textBoxElement.readOnly = false;

}

</script>

Using the above to toggle a textbox readonly flag. Setting back readonly = false and then entering a value into the textbox, upon postback the value is empty.

Question : How to toggle readonly flag client side and make control behave correctly upon postback?

*** Note: Here is the strange part, the control only fails (empty string) on the first postback - after that things work correctly.

More Info: On the first postback - the ReadOnly flag on the server side is false. So setting readonly to false in java-script did not update something and serverside the flag is still true. I think that why the value is empty.

Input

answered on 19 Nov 2010

6 answers

560 views

how can i show a message at the top of combobox like choose an item ...

hi my dear experts :
i want to show a message in the textbox of RadComboBox When It's Load Like plz Choose an item.
i mean i do not want to have an item with this message as text and i want show the message at radcombobox load.
for this porpose radcombobox shouldn't put the first item as a selected item...
empty message property works when we make an empty item in radcombo box but i don't want an empty item in my list items and do n't let my user to choose an empty item...

ComboBox

answered on 19 Nov 2010

4 answers

190 views

Set DropDownWidth via JavaScript

I'm working on some JavaScript to set the width of the dropdown list for a RadComboBox to the widest item in the list. Is there a client-side DropDownWidth property I can use for this? I didn't see any and so I was trying to set the width of the div containing the dropdown (I use the clientid of the RadComboBox with "_DropDown"). But using the following isn't setting the width:

var ddl = document.getElementById("MainContent_RadComboBox1_DropDown");

ddl.style.width = maxWidth + 'px';

maxWidth is the width of the longest item in the droplist.

Thanks for the help!

Sean M. Severson

ComboBox

answered on 19 Nov 2010

4 answers

117 views

After panelbar item collapses, controls are still visible

After panelbar item collapses, controls are still visible for 1-2 seconds. is there anyway to fix it since it make the web app to look very unprofessional.
Attached is a screenshot and here is a snippet:

<telerik:RadPanelBar ID="RadPanelBar1" Runat="server" Skin="Windows7"

Width="90%" ExpandMode="SingleExpandedItem" AllowCollapseAllItems="true">

<Items>

<telerik:RadPanelItem runat="server" Text="Company" ImagePosition="Right" ImageUrl="Images/Expand.jpg" ExpandedImageUrl="Images/Collapse.jpg" >

<Items>

<telerik:RadPanelItem>

<ItemTemplate>

<uc2:ByCompany ID="ByCompany1" runat="server" />

</ItemTemplate>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem >

<telerik:RadPanelItem runat="server" Text="Analyst" ImagePosition="Right" ImageUrl="Images/Expand.jpg" ExpandedImageUrl="Images/Collapse.jpg">

<Items>

<telerik:RadPanelItem>

<ItemTemplate>

<uc3:ByAnalyst ID="ByAnalyst1" runat="server" />

</ItemTemplate>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem >

Thanks

PanelBar

answered on 19 Nov 2010

1 answer

70 views

In IE7 Only - With Multiple RadListBoxes, they disappear but still in HTML markup

We have a custom user control that has RadListBoxes. We populate the RadListboxes with dynamic Templates in the OnIt method.
sample:

override protected void OnInit(EventArgs e)

{

//

// CODEGEN: This call is required by the ASP.NET Web Form Designer.

//

InitializeComponent();

if (NumberOfColumns == 1)

{

ShelfListBox.ItemTemplate = new DefaultListBoxTemplate();

CartListBox.ItemTemplate = new DefaultListBoxTemplate();

}

else if (NumberOfColumns == 2)

{

ShelfListBox.ItemTemplate = new TwoColumnListBoxTemplate();

CartListBox.ItemTemplate = new TwoColumnListBoxTemplate();

}

else if (NumberOfColumns == 3)

{

ShelfListBox.ItemTemplate = new ThreeColumnListBoxTemplate();

CartListBox.ItemTemplate = new ThreeColumnListBoxTemplate();

}

base.OnInit(e);

}

Right now we have a page that has 6 of our custom control.
DefaultListBoxTemplate Code:

/// <summary>

/// DefaultListBox ItemTemplate one column

/// </summary>

public class DefaultListBoxTemplate : ITemplate

{

/// <summary>

/// Defines the <see cref="T:System.Web.UI.Control"/> object that child controls and templates belong to. These child controls are in turn defined within an inline template.

/// </summary>

/// <param name="container">The <see cref="T:System.Web.UI.Control"/> object to contain the instances of controls from the inline template.</param>

public void InstantiateIn(Control container)

{

var label = new Label

{

ID = "LabelListItem"

};

label.DataBinding += new EventHandler(LabelListItemDataBinding);

container.Controls.Add(label);

}

/// <summary>

/// Handles the DataBinding event of the LabelListItem control.

/// </summary>

/// <param name="sender">The source of the event.</param>

/// <param name="e">The <see cref="System.EventArgs"/> instance containing the event data.</param>

private static void LabelListItemDataBinding(object sender, EventArgs e)

{

var label = (Label)sender;

var item = (RadListBoxItem)label.BindingContainer;

var listItemText = DataBinder.Eval(item.DataItem, "Property1") as String;

label.Text = listItemText;

}

Everything renders correctly on the page, but for some reason in IE7 only, the display of the radlistboxes disappear. If the page does something on the client side; some of the radlistobxes reappear and some disappear. very strange occurrences in IE7. Everything works correctly in IE8 or higher, Firefox and chrome.

tried attaching code in zip file...

Version: Telerik.Web.UI 2010.1.309.35

ListBox

answered on 19 Nov 2010

4 answers

246 views

Customize Series Item Label position

Guys,

I have created a stacked bar chart and I want the Series Item label to be shown besides the segment.
As of now it shows above the segment. I played around with the API and found that it can be positioned either inside or outside.
Can I somehow place the text label besides the segment?

Cheers,
Nitin

Chart (Obsolete)

answered on 19 Nov 2010

3 answers

189 views

ValidationSummary not working in it's own asp:Panel

I have validaiton setup on some of my input controls, and a RadAjaxManagerProxy setup on the page.

On first page load my validation is working. But after ajaxifying the page and when the RadAjaxManager refreshes the Ajax content, the validation doesn't work anymore.

I have read this article (http://www.telerik.com/help/aspnet-ajax/ajxlimitations.html) re. RadAjax and Validators which suggest placing the validation summary in it's own asp:Panel, but it's still not working.

Any ideas?

<asp:Panel ID="validationSummaryPanel" runat="server">

<asp:ValidationSummary ID="newClientValidationSummary" runat="server" ShowMessageBox="true"

ShowSummary="false" ValidationGroup="newClientGroup" />

</asp:Panel>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="addClientButton">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="leftContainer" LoadingPanelID="RadAjaxLoadingPanel1" />

<telerik:AjaxUpdatedControl ControlID="validationSummaryPanel" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

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

</telerik:RadAjaxLoadingPanel>

Ajax

answered on 19 Nov 2010

7 answers

206 views

How can I reset RadProgressContext.Current.TimeElapsed?

I noticed that this property takes in object. What can I put in here to make it zero? This would be server-side.

Upload (Obsolete)

answered on 19 Nov 2010

4 answers

188 views

Exploded pie chart

Please assist. I am using Q1 2010 and am trying to implement an exploding pie chart with ajax enabled. The chart datasource is a SQLServer stored procedure.

I just can't seem to find any examples that actually work in my project. There doesn't seem to be an

ChartSeriesItem.Exploded

property any longer--- are there any recent examples like this one which looks like it is really old?

http://demos1x.telerik.com/aspnet/Controls/Examples/Integration/Ajax/Chart/DefaultCS.aspx?product=chart

or this one:

http://demos1x.telerik.com/aspnet/Chart/Examples/Programming/Poll/DefaultCS.aspx

Chart (Obsolete)

answered on 19 Nov 2010