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

Issue with Grid in ItemTemplate

4 Answers 102 Views
ComboBox
This is a migrated thread and some comments may be shown as answers.
Aaron
Top achievements
Rank 1
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

Sort by
0
Aaron
Top achievements
Rank 1
answered on 27 Oct 2012, 01:50 AM
anyone have any thoughts?
0
Nencho
Telerik team
answered on 29 Oct 2012, 12:30 PM
Hello Aaron,

I have tried to replicate the described problem, based on the provided snippet of code, but to no avail. Here is a video demonstrating the behavior at my end.

Am I missing something?


Regards,
Nencho
the Telerik team
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 their blog feed now.
0
Aaron
Top achievements
Rank 1
answered on 29 Oct 2012, 12:45 PM
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?
0
Nencho
Telerik team
answered on 01 Nov 2012, 09:30 AM
Hi Aaron,

Could you please open a support ticket, along with a runnable sample attached, demonstrating the issue at your end? Thus we could troubleshoot the problem locally and provide you the proper solution.


Regards,
Nencho
the Telerik team
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 their blog feed now.
Tags
ComboBox
Asked by
Aaron
Top achievements
Rank 1
Answers by
Aaron
Top achievements
Rank 1
Nencho
Telerik team
Share this question
or