This is a migrated thread and some comments may be shown as answers.

RadComboBox Behaviour

5 Answers 97 Views
UI for ASP.NET AJAX in ASP.NET MVC
This is a migrated thread and some comments may be shown as answers.
Aaron
Top achievements
Rank 1
Aaron asked on 27 Aug 2013, 12:55 AM
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

5 Answers, 1 is accepted

Sort by
0
Hristo Valyavicharski
Telerik team
answered on 29 Aug 2013, 03:51 PM
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.
0
Aaron
Top achievements
Rank 1
answered on 29 Aug 2013, 10:33 PM
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>

0
Hristo Valyavicharski
Telerik team
answered on 03 Sep 2013, 03:31 PM
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.
0
Santhosh
Top achievements
Rank 1
answered on 17 Apr 2014, 05:04 AM
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
0
Hristo Valyavicharski
Telerik team
answered on 21 Apr 2014, 01:24 PM
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.

 
Tags
UI for ASP.NET AJAX in ASP.NET MVC
Asked by
Aaron
Top achievements
Rank 1
Answers by
Hristo Valyavicharski
Telerik team
Aaron
Top achievements
Rank 1
Santhosh
Top achievements
Rank 1
Share this question
or