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

Issue with Grid in ItemTemplate

4 Answers 125 Views

ComboBox

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

Aaron asked on 24 Oct 2012, 05:53 PM

Hello,

I modeled our dropdown very similar to this example:
http://demos.telerik.com/aspnet-ajax/controls/examples/integration/gridincombobox/defaultcs.aspx?product=combobox

I am using twitter bootstrap as well as your controls within a site. I am having some issues with the radcombox in that when I turn EnableEmbeddedBaseStylesheet=true it will allow me to scroll and select items within the combobox like i want. The radcombox however is taking the look of the embedded style sheet which i do not want. if i turn it to false it now looks like i want it but when i enter an entry into the combox my information displays but I can no longer scroll through the returned items or select them. Anyone else run into this and how did you fix it?

Thanks,

<telerik:RadComboBox ID="rcmbSKU" Width="340px" runat="server" MarkFirstMatch="True" CssClass="SKUCombo" EnableEmbeddedBaseStylesheet="false" EnableEmbeddedSkins="false"

AllowCustomText="True" OnClientDropDownOpening="HandleOpen" ExpandAnimation-Type="None"

CollapseAnimation-Type="None" DropDownWidth="340px" onkeyup="HandleKeyPressed(this)">

<ItemTemplate>

<telerik:RadGrid ID="rgridSKU" Width="325px" runat="server" OnNeedDataSource="rgridSKU_NeedDataSource" EnableEmbeddedBaseStylesheet="true" EnableEmbeddedSkins="true">

<MasterTableView NoMasterRecordsText="" AutoGenerateColumns="False" DataKeyNames="ItemCode, ItemKey, Description"

Width="100%" ClientDataKeyNames="ItemCode, ItemKey, Description" TableLayout="Fixed">

<Columns>

<telerik:GridBoundColumn HeaderText="SKU" DataField="ItemCode" UniqueName="ItemCode">

<HeaderStyle Width="90px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Description" DataField="Description" UniqueName="Description">

<HeaderStyle Width="215px"></HeaderStyle>

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<ClientSettings>

<ClientEvents OnRowClick="RowClicked" OnGridCreated="GridCreated"></ClientEvents>

<Scrolling AllowScroll="true" UseStaticHeaders="true" ScrollHeight="300px"></Scrolling>

</ClientSettings>

</telerik:RadGrid>

</ItemTemplate>

<Items>

<telerik:RadComboBoxItem runat="server" Text=" "></telerik:RadComboBoxItem>

</Items>

</telerik:RadComboBox>

4 Answers, 1 is accepted

answered on 29 Oct 2012, 12:45 PM

true.PNG

false.PNG

seems to be working for you.

Below are two screenshots of what I see. Would be nice to do a video like you have but anyway. True is when EnableEmbeddedBaseStylesheet is set to true. False is when it is set to false.

When it is true you can see that the text box looks like i want it to look and in addition the control seems to function but for some reason the scrolling abilities are gone. I cannot scroll.

When it is false the textbox is hardly visible. When you type a value in scrolling works and the control functions without issue. There is one thing if you look close that I am not yet certain what it is but when false, there is also an additional black border around the displayed grid that you dont get when it is true. I don't know what that is but is maybe the panel that allows for scrolling or something?

Any ideas what I might be doing wrong? I can send my source too if needed?