RadComboBox Behaviour

Thread is closed for posting
6 posts, 0 answers
  1. Aaron
    Aaron avatar
    7 posts
    Member since:
    Dec 2010

    Posted 26 Aug 2013 Link to this post

    I have been doing some work with RadComboBoxes. I have two combo boxes that load up data. They are both identical except for in ID.
    one being ddlCampaign and the other ddlCompany.

    ddlCampaign has a line break before and after it. I don't want this behaviour
    ddlCompany is inline with its title and a hyperlink that is after it. I want both boxes to exhibit this behaviour

    The data loaded into these is what I believe is causing the problem, as one has longer items than the others. Both boxes have a width of 160px.
    If I switch the ddlCampaign for ddlCompany, than the behaviour of the two ddls switches.

    I don't really know why its doing this and I don't want to use a table layout to force a solution

    Please help

    Aaron
  2. Hristo Valyavicharski
    Admin
    Hristo Valyavicharski avatar
    975 posts

    Posted 29 Aug 2013 Link to this post

    Hi Aaron,

    This sounds like a styling issue. Please make a screenshot of the observed behavior and provide a link to your live page, so we can inspect the applied css. From the information that you provided I assume that the issue is caused by some external styles on the page that affect combo's elements.

    Regards,
    Hristo Valyavicharski
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Aaron
    Aaron avatar
    7 posts
    Member since:
    Dec 2010

    Posted 29 Aug 2013 Link to this post

    So I have included the code from the page. I'm an unable to provide a link as it sits on a development server.
    I also replaced all the ddlCampaign references in the aspx and aspx.cs file.
    In addition to this I added a really long field to the company's table see if that was causing the break.
    It didn't cause a change. That pretty much rules out the possibility of it being due to the length of the datafield

    Does anyone know of a way to pull all of the css attributes off of an element?

    Here is my code in front 



    <
    div id="rightUpperColumn" style="float: left; margin-top: 10px">
        <asp:Table runat="server" Width="330px" Height="160px" BorderStyle="Solid" BorderWidth="1px"
            BorderColor="#abadb3">
            <asp:TableRow Style="height: 25px; background-color: #01A0C7">
                <asp:TableCell ColumnSpan="2" CssClass="app-font" VerticalAlign="Middle">
                    <asp:Label ID="Label5" Style="line-height: 24px; color: White; font-weight: bold;
                        font-size: 15px" Height="24px" class="app-form-control" runat="server" Text="<%$ Resources:Platform, Company %>" />:
                    <telerik:RadComboBox CausesValidation="false" ID="ddlCompany" AutoPostBack="true"
                        OnSelectedIndexChanged="repopulateCampaign" class="app-form-control" Style="font-weight: bold;"
                        runat="server" />
                </asp:TableCell>
                </asp:TableRow>
            <asp:TableRow>
                <asp:TableCell>
                    <asp:Label runat="server" ID="txtCompanyDescription" class="app-form-control"></asp:Label>
                </asp:TableCell>
            </asp:TableRow>
            <asp:TableRow Style="height: 25px; background-color: #01A0C7">
                <asp:TableCell ColumnSpan="2" CssClass="app-font" VerticalAlign="Middle">
                    <asp:Label ID="Labeleggs" Style="line-height: 24px; color: White; font-weight: bold;
                        font-size: 15px;" Height="24px" class="app-form-control"
                        runat="server" Text="<%$ Resources:Platform, Campaign %>" />:
                    <telerik:RadComboBox CausesValidation="false" ID="ddlCampaigns" AutoPostBack="true" OnClientSelectedIndexChanged="updateLink" OnSelectedIndexChanged="updateCampaignDescription"
                        class="app-form-control" Style="font-weight: bold;" runat="server" /><a target="_blank" id="campaignLink" href='#'>go</a>
                </asp:TableCell>
            </asp:TableRow>
            <asp:TableRow>
                <asp:TableCell>
                    <asp:Label runat="server" class="app-form-control" ID="txtCampaignDescription"></asp:Label>
                </asp:TableCell>
            </asp:TableRow>
        </asp:Table>
    </div>

  5. Hristo Valyavicharski
    Admin
    Hristo Valyavicharski avatar
    975 posts

    Posted 03 Sep 2013 Link to this post

    Hi Aaron,

    I have tested the provided code and unfortunately it doesn't reproduce the problem. The combos are looking good. Could you host live page somewhere and send me a live URL.

    Regards,
    Hristo Valyavicharski
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  6. Santhosh
    Santhosh avatar
    16 posts
    Member since:
    Feb 2013

    Posted 17 Apr 2014 Link to this post

    Hi,

        <telerik:RadComboBox ID="ddlInvLocation" EmptyMessage="--Select InvLocation--" DropDownWidth="200px" DataTextField="Name" DataValueField="InvLocationId" runat="server" CheckBoxes="true" MarkFirstMatch="true" AllowCustomText="true" EnableCheckAllItemsCheckBox="true">
                        </telerik:RadComboBox>

    When i enter space while typing its checking the item when i specify markfirstmatch true


    Thanks
    Santhosh
  7. Hristo Valyavicharski
    Admin
    Hristo Valyavicharski avatar
    975 posts

    Posted 21 Apr 2014 Link to this post

    Hi Santhosh,

    What exactly is your issue? Please explain it better.

    Thanks.

    Regards,
    Hristo Valyavicharski
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017