Issue with Grid in ItemTemplate

5 posts, 0 answers
  1. Aaron
    Aaron avatar
    25 posts
    Member since:
    Jun 2012

    Posted 24 Oct 2012 Link to this post

    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>
  2. Aaron
    Aaron avatar
    25 posts
    Member since:
    Jun 2012

    Posted 26 Oct 2012 Link to this post

    anyone have any thoughts?
  3. Nencho
    Admin
    Nencho avatar
    1871 posts

    Posted 29 Oct 2012 Link to this post

    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.
  4. Aaron
    Aaron avatar
    25 posts
    Member since:
    Jun 2012

    Posted 29 Oct 2012 Link to this post

    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?
  5. Nencho
    Admin
    Nencho avatar
    1871 posts

    Posted 01 Nov 2012 Link to this post

    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.
Back to Top