In ComboBox If somehow focus is moved to dropdown element (e.g. when user clicks on a header, or on load more items button) then arrow keys and keyboard support won't work anymore. It can be fixed by simply setting dropdown tabindex to say 1 and attaching ComboBox's own _onKeyDown handler to dropdown keydown too.
In a FormView, a routine scenario is to provide a control that has some sort of picklist (either DropDown or ComboBoxList) that may be tied to a field that contains a DBNull. An example might be where one of the fields in the Telerik Profile specifies their favorite Telerik Product (KendoUI, ASP.NET AJAX, etc.). However, their might be profiles where the user has not selected a favorite product. Assuming that the Product list comes from a related table, then this field (say, FavoriteProductId) in the Profile would contain a DBNull. I would like Telerik to add "declarative" functionality on the RadComboBox and RadDropDownList to handle the case where SelectedValue = DBNull. Below is an example of what this might look like for a RadComboBox (inside of a FormView -- note: only showing the RadComboBox declaration). <telerik:RadComboBox Style="z-index: 9100" ID="rcbFirstOrder" runat="server" Width="50px" SelectedValue='<%# Bind("FirstOrder") %>' HandleDBNull="true" > <Items> <telerik:RadComboBoxItem runat="server" Text="" Value="DbNull (or Null or Nothing)" /> <telerik:RadComboBoxItem runat="server" Text="No" Value="0" /> <telerik:RadComboBoxItem runat="server" Text="Yes" Value="255" /> </Items> </telerik:RadComboBox> Notice the new property --- HandleDBNull = true and the ability to define the value on a RadComboBoxItem as DBNull (or null or nothing) -- some string to define DBNull. Although the above example shows all the RadComboBoxItems defined declaratively, this scenario could easily be extended to use AppendDataBoundItems = true and the non-DBNull values to come from a Data Source. Thanks for taking the time to consider this functionality. This enhancement would remove all of the code-behind tweaks that are currently incorporated to use a ComboBoxList / DropDownList with a database field that can contain DBNull.
Why don't you include a boolean property to show selected image inside input ? This is already a code library to do it : http://www.telerik.com/support/code-library/show-the-selected-item-image-in-input
Based on customer feedback: In certain cases, the client side autowidth does not perform well enough or the results are not exactly what one would expect. Instead, server side autowidth could do the job. True, there are drawbacks to this approach, like font name and font size, but it could be configurable.
Based on customer feedback: The RadFormDecorator decorates most native input controls, but does miss some, namely in ComboBox and ListBox. As this [the lack of decoration] is something advertently done, due to various issues in different browsers, we should thread carefully.
rad combobox on clientblur event setting custom text fine when we are going to press tab key but we are getting issue when we are selecting item from rad combo box manually using mouse.on clicking suppose i have text : ils - apple i have called onclien
Selecting an item from the RadComboBox and then pressing Enter key, does not trigger the default button(if set) of the form/panel in IE and Chrome. The workaround is to handle the client-side OnClientKeyPressing event of the RadComboBox and manually trigger the clicking of the default button.For example: ASPX: <asp:Panel ID="Panel1" runat="server" DefaultButton="RadButton1"> <telerik:RadTextBox ID="RadTextBox1" runat="server"> </telerik:RadTextBox> <asp:Label ID="Label1" Text="" runat="server" /> <telerik:RadButton ID="RadButton1" runat="server" OnClick="OnClick1" Text="Click" /> <telerik:RadComboBox ID="RadComboBox1" runat="server" OnClientKeyPressing="OnClientKeyPressing"> <Items> <telerik:RadComboBoxItem Text="text1" Value="val1" /> <telerik:RadComboBoxItem Text="text2" Value="val2" /> <telerik:RadComboBoxItem Text="text3" Value="val3" /> </Items> </telerik:RadComboBox> </asp:Panel> JavaScript: <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server"> <script type="text/javascript"> function OnClientKeyPressing(sender, args) { if (args.get_domEvent().keyCode == 13) { $find("<%=RadButton1.ClientID %>").click(); } } </script> </telerik:RadCodeBlock>
Add ability to filter with accent sensitive, IsAccentSensitive property (like the existing IsCaseSensitive).
When combo popups to the top of the page it goes out of the browser viewport. Reproduce: A RadComboBox on the bottom of your page and the page height is larger than the viewport. When you scroll down the page to the RadComboBox and open it the itembox (100+ items) height will be higher than the view port. See attachment 'RadComboBox.png' Also the auto shrink doesn’t work in this situation see attachment RadComboBox2.png
Hi, RadComboBox does not having direct way to set its height, not dropdown height. It is required functionality because its height should be as per website design.
We have evaluated your controls for few days for the last 3 years now. And you still dont support check boxes and load on demand. (we keep getting the same response from your forms). There are other companies already do that. If you can include this feature in your future development that will be great. As i have mentioned to your sales team about the team size and the number of license we need but unfortunately this feature is not available so we can not buy your controls. Thanks
If a combobox uses load-on-demand and an item is selected, after postback the item list will be filtered to only items that contain the text of the selected item. This type of filtered loading is desirable when the user is typing into the combobox and is expecting a reduced item list. However it can be unexpected behavior if an item is selected, the user was not typing into the combobox, a postback occurs, and then the item list has been reduced. This video demonstrates the current behavior: http://screencast.com/t/NVkDc3KYR And so my request is for the combobox items list to remain the same after postback when the user did not intend for the item list to be reduced.
Browser:
Microsoft Edge 44.18362.449.0
Telerik Control:
RadCombobox
Teleri Version: Version=2017.3.913.45,
Issue:
When a item is selected and a postback is occured, the SelectedValue returns an empty string.
Expected behavior:
The correct SelectedValue should be return.
Thing that have been tried so far:
1: upgrade the telerik to the latest version (2020.114) ---> issue persists
2: set autopostback to "true" problem solved
3: use other browsers (chrome, FireFox, new Version 79.0.309.68 ) issue disappears
Sample code:
1: aspx
<
telerik:radcombobox
id
=
"ddlSupplier"
runat
=
"server"
skin
=
"Material"
rendermode
=
"Lightweight"
cssclass
=
"materializeit"
enableloadondemand
=
"true"
inputcssclass
=
"browser-default"
width
=
"100%"
filter
=
"Contains"
highlighttemplateditems
=
"true"
showmoreresultsbox
=
"false"
onitemsrequested
=
"ddlSupplier_ItemsRequested"
autopostback
=
"false"
>
</
telerik:radcombobox
>
2: code behind
protected void Page_Load(object sender, EventArgs e)
{
}
protected void saveIssue_Click(object sender, EventArgs e)
{
}
protected void ddlSupplier_ItemsRequested(object sender, Telerik.Web.UI.RadComboBoxItemsRequestedEventArgs e)
{
RadComboBoxItem li = new RadComboBoxItem("Alan Jones (Brunel Systems Pty Ltd, test site)", "123");
ddlSupplier.Items.Add(li);
li = new RadComboBoxItem("Jackie Chiu (Optimum Construction, Optimum Construction (Sydney)) ", "23" );
ddlSupplier.Items.Add(li);
li = new RadComboBoxItem("Erik Baker (Optimum Construction, Optimum Construction (Sydney))", "2323");
ddlSupplier.Items.Add(li);
}
protected void b_Click(object sender, EventArgs e)
{
var a = ddlSupplier.SelectedValue; // most of the time returns "" for Edge
}
Hello, I have a resize problem for Radcombobox .I can't change the height of default textbox of combobox. Could you please help me?
We are using the combo box drop down: <telerik:RadComboBox ID="rcbAccounts" runat="server" Width="360" DropDownWidth="810" OffsetX="-200" DataValueField="AcctNumber" DataTextField="DisplayString" AutoPostBack="True" AllowCustomText="True" Filter="Contains" ExpandDelay="0" CollapseDelay="0" MaxHeight="300" OnClientDropDownOpening="OnRcbAccountsOpening" Skin="CustomTelerikSkin" EnableEmbeddedSkins="false" EnableViewState="false" EnableScreenBoundaryDetection="true" > <HeaderTemplate> <ul> <li class="rcbColumn" style="width: 330px">Name</li> <li class="rcbColumn" style="width: 70px">Acct #</li> <li class="rcbColumn" style="width: 90px">Type</li> <li class="rcbColumn" style="width: 150px">Address</li> <li class="rcbColumn" style="width: 110px">City</li> </ul> </HeaderTemplate> <ItemTemplate> <ul> <li class="rcbColumn" style="width: 330px"> <%#DataBinder.Eval(Container.DataItem, EC.ACCT_NAME).ToString()%></li> <li class="rcbColumn" style="width: 70px"> <%#DataBinder.Eval(Container.DataItem, EC.ACCT_NO).ToString()%></li> <li class="rcbColumn" style="width: 90px"> <%#DataBinder.Eval(Container.DataItem, EC.ACCT_TYPE).ToString()%></li> <li class="rcbColumn" style="width: 150px"> <%#DataBinder.Eval(Container.DataItem, EC.ACCT_ADDR1).ToString()%></li> <li class="rcbColumn" style="width: 110px"> <%#DataBinder.Eval(Container.DataItem, EC.ACCT_CITY).ToString()%></li> </ul> </ItemTemplate> </telerik:RadComboBox> It looks like the attached at runtime. My question is: Can we align the dropdown area to be left-aligned with the control? In some cases, the left part of the data gets cut off by the browser window.