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.
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>
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
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.
RadComboBox will open up in case that ScreenBoundaryDetection is enabled and there is not enough space below even if the space above is much less than below. Like in a vertically narrow frame with the ComboBox being at the top of the page. It seems better to compare the space below with above and put it where there is more space.
There is no RTL boundary detection in ComboBox, e.g. no _elementOverflowsLeftScreenBorder in RadComboBox.DropDown.js
Hi There, i am working on asp.net 4.0 with telerik asp.net ajax control. The problem i am facing is that all the controls are not working but the same files were working in asp.net 3.5, for example i am attaching a error page which is showing a radcombobox as a text box. I am not being able to figure out the issue/bug whether it is because of RadStyleSheetManager or RadScriptManager. Kindly help me with this issue.
Using the .get_value() in the OnClientDropDownClosed event of RadComboBox, produces empty value. The OnClientSelectedIndexChanged event works fine, but I need to be able to kick off the javascript even if the selected index doesn't change. My RadComboBox element: <telerik:RadComboBox ID="CustomerSearch" runat="server" Width="180" Height="160" MarkFirstMatch="true" AllowCustomText="true" CssClass="CustomerSearch" AutoPostBack="false" EnableLoadOnDemand="true" EnableVirtualScrolling="true" OnItemsRequested="CustomerSearch_ItemsRequested" OnClientDropDownClosed="searchnav" EmptyMessage="Select a customer" DataSourceID="dsCustomer" DataTextField="CustomerName" DataValueField="NavPath" BackColor="White" Skin="Forest" /> My SQLDataSource element: <asp:SqlDataSource ID="dsCustomer" runat="server" SelectCommand="CustomerSearchName" SelectCommandType="StoredProcedure"> </asp:SqlDataSource> My Javascript: <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server"> <script type="text/javascript"> function searchnav(sender, args) { var iframe = document.getElementById('ctl00_iMainPages'); iframe.src = sender.get_value(); } </script> </telerik:RadScriptBlock>
Having a RadCombobox on a form and assign a EmptyMessage later containing a diacritical character, the EmptyMessage is treated like it has been entered as a value. So it will make a call to the webservice using that value which it should not do. Code example: protected void TestLinkButton_Click(object sender, EventArgs e) { this.CountryComboBoxControl.EmptyMessage = "Bitte wählen Sie ein Land*"; }