I have a Textbox and a combobox in a table. The textbox sits directly above the combobox. Both have their width set to 100% however the combobox is not displaying at 100%. I had to create a custom skin file to completely hide the dropdown arrow but it seems like there is still some space being taken up on the right side of the combo that I cannot get rid of.

The textbox is defined as:

<asp:TextBox ID="pre_staffTB" AutoCompleteType="Disabled" runat="server" Width="100%"  Height="30px" Visible="false" style="margin-left: 5px; margin-right: 5px;"></asp:TextBox>

The Style for the textbox is:

input {
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #EDF4FF;
    color:#0146ad;
    border:none;
    outline:none;
    display: inline-block;
    text-indent: 3px;
    cursor:pointer;
    box-shadow: inset -3px 3px 3px rgba(0, 0, 0, 0.10), inset 3px -3px 3px rgba(0, 0, 0, 0.10);
    cursor: text;
}

The Combo is defined as:

<telerik:RadComboBox ID="teamLeadCombo" runat="server" DataTextField="full_name" DataValueField="id" DataSourceID="teamPersonSource" Width="100%" CheckBoxes="True" CheckedItemsTexts="DisplayAllInInput" ShowToggleImage="False" EmptyMessage="Select Team Leader(s)..." NoWrap="True" AppendDataBoundItems="True" Sort="Ascending" CssClass="RCBClass"></telerik:RadComboBox>

The styles for the combo are:

        div.RCBClass .rcbInputCell INPUT.rcbInput {
            margin: 0;
            -webkit-border-radius:4px;
            -moz-border-radius:4px;
            border-radius:4px;
            -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
            -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
            background: #EDF4FF;
            color:#0146ad;
            border:none;
            outline:none;
            display: inline-block;
            font-size: medium;
            text-indent: 3px;
            cursor:pointer;
            box-shadow: inset -3px 3px 3px rgba(0, 0, 0, 0.10), inset 3px -3px 3px rgba(0, 0, 0, 0.10);
            height: 30px;
            left: 0;
            right: 0;
            font-family: Arial !important;
        }
        div.RadComboBox_Default .rcbInputCellLeft,
        div.RadComboBox_Default .rcbInputCellRight,
        div.RadComboBox_Default .rcbArrowCellLeft,
        div.RadComboBox_Default .rcbArrowCellRight
        {
            background-image: url(../images/Default.gif);
        }

        div.RCBClass .td.rcbArrowCellRight {
            background-position: -156px -88px;
            background-color: white;
        }

Any idea how to get these two elements to be the same width? I have a design constraint to keep all widths in percentages rather than direct pixel specs.

Hi,

I have updated the application with latest telerik dll(version : 2017.1.118.45)  but facing  radcombobox ui issue. Can anyone please help to resolve this issue.

Please find attached screenshot.

Hi, I'm trying to use RadAjaxManagerProxy  within a control, following this: http://docs.telerik.com/devtools/aspnet-ajax/controls/ajax/radajaxmanagerproxy/overview

In the ascx, I have the proxy:

<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy" runat="server">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="btnCal">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="RadScheduler1"></telerik:AjaxUpdatedControl>
            </UpdatedControls>
        </telerik:AjaxSetting>
        <telerik:AjaxSetting AjaxControlID="RadScheduler1">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="RadScheduler1" LoadingPanelID="RadAjaxLoadingPanel1" UpdatePanelCssClass="" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManagerProxy>

In the code behind I have in the page load:

       RadAjaxManager manager = RadAjaxManager.GetCurrent(Page);
        manager.AjaxRequest += new RadAjaxControl.AjaxRequestDelegate(RadAjaxManager1_AjaxRequest);

and:

    protected void RadAjaxManager1_AjaxRequest(object sender, Telerik.Web.UI.AjaxRequestEventArgs e)
    {
        if (e.Argument == "Rebind")
        {
            RadScheduler1.Rebind();
        }
    }

which produces the errors:

Object reference not set to an instance of an object.Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code. 
Exception Details: System.NullReferenceException: Object reference not set to an instance of an object.
Source Error: 

Line 21: RadAjaxManager manager = RadAjaxManager.GetCurrent(Page);

Line 22: manager.AjaxRequest += new RadAjaxControl.AjaxRequestDelegate(RadAjaxManager1_AjaxRequest);

Hi!

        I have a question about editing a RadGrid item. We recently bought the AJAX controls, so I’m in the process of converting our old ASP DataGrids and GridViews over to the new RadGrids. A problem I’ve run into is for one of our grids where we don’t want to use the built-in edit row. We have an edit button, but we use a little pop-up that we define in a div below the grid that comes up over the greyed-out page to allow the user to the edit the data. Part of the code we use to populate the pop-up with the data is executed in the code-behind function that executes on the grid’s edit command, so I want to keep the “… Handles RadGrid1.EditCommand” function, but I don’t want the update and cancel buttons to be displayed. I need it to be in edit mode so I can find which row is being edited, but I don’t want it to stay in edit mode because I don’t want the user to have to click two different cancel buttons. I want them to be able to only use our pop-up’s save and cancel buttons. Is there a way that I can do that? I tried to add in some code in the code-behind page to execute when the cancel button is clicked, but I can’t figure out how to cancel the edit command from there. If anyone has any idea how I can cancel the edit command, I would really appreciate it. Thanks!

                Holly

Hi, 

The text option available in the RadImage editor, once entered doesn't allow to edit it. Is it possible to get/generate a click event on the image displayed in RadImage editor? I am trying a scenario where, when the user clicks anywhere on the image it opens a radwindow with the co-ordinates where it is clicked and add a comment allowing to edit at later time. Is this scenario possible with RadImageEditor?

Thanks,

Vidya

I having a random problem recently with the last Q4 ASP.NET Ajax library. On occasion I get the following error. It seems to happen when one is editing the editor. I am posting here because the error message specifically mentions my script manager.

Message: HierarchyRequestError

URL: https://salescrm.olincorp.net/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=ctl00_rsmMainScriptManager_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3a4d4da635-3815-4b70-912b-f389ade5df37%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%3aen-US%3a19b52502-df64-4cc0-aea9-c7e50aa82eb1%3a16e4e7cd%3af7645509%3a22a6274a%3a33715776%3a4877f69a%3a86526ba7%3aed16cbdc%3a88144a7a%3a24ee1bba%3ae330518b%3a2003d0b8%3ac128760b%3a1e771326%3ac8618e41%3a1a73651d%3a333f8d94%3acb4a7569%3a30f1f089%3ab2e06756%3a92fe8ea0%3afa31b949%3a874f8ea2%3a19620875%3af46195d3%3a490a9d4e%3a6d43f6d9%3ab7778d6c%3aaa288e2d%3a258f1c72%3ae085fe68%3a63b115ed%3a3856fd9f%3adc7e0bd%3a1569bb5f%3addbfcb67%3abd8f85e4

Line Number: 23595

Not sure it matters, but for my editors i have the following client script that has been in place for a while. I have been unsuccessful in tracking this issue down.

I have a RadGrid control with server side filtering enabled such that you can enter text and then select Contains, Equals, etc.

http://demos.telerik.com/aspnet-ajax/grid/examples/functionality/filtering/basic-filtering/defaultcs.aspx

I need to be able to have filter as a dropdown list with only the available options in the current grid.

For example if the grid's Country field contains only two countries, England and USA then the filter dropdown for the Country field should only display England and USA.

Is this functionality possible?

I have created a custom theme with the Theme Builder but I have notice that many, if not all, of the URL references in the css files contain server-side code blocks. Since I am adding links to these files directly the server side code does not get executed.

Example from the SearchBox css file:

.RadSearchBox_BP_FormDefault .rsbLoadingIcon {   

    background-image: url('<%=WebResource("Telerik.Web.UI.Skins.BP_FormDefault.Common.loading_small.gif")%>'); 

}

The example linked in several of the existing threads does not provide any information.

http://docs.telerik.com/devtools/aspnet-ajax/controls/grid/appearance-and-styling/modifying-existing-skins#creating-a-custom-skin-basic-steps