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

RadGrid and RadToolBar inside CommandItemTemplate, Chrome issue

1 Answer 143 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Luke
Top achievements
Rank 1
Luke asked on 16 Feb 2011, 12:40 PM
Hi! I tried to put a RadTooBar inside the CommandItemTemplate of RadGrid and it works perfectly in IE, Firefox, Opera and Safari, but not Chrome. Google browser instead of showing the items of the RadToolBar it doesn't show anything at all (just a little square). I tried to surraund the object with a <div> or modifying the size of it (or both), but nothing happens (the square gets bigger, but nothing inside).

I tried both 8 and 9 version of Chrome.

Here my code:

<telerik:RadGrid ID="Grid" runat="server" AutoGenerateColumns="False" ShowHeader="false"
    GridLines="None" CellPadding="0" Width="205" DataSourceID="Source">
    <MasterTableView CommandItemDisplay="Top" DataKeyNames="ID" DataSourceID="Source">
        <CommandItemTemplate>
            <telerik:RadToolBar ID="Toolbar" runat="server" Width="100%">
                <Items>
                    <telerik:RadToolBarButton runat="server" Width="95%">
                        <ItemTemplate>
                            <telerik:RadTextBox ID="Textbox" runat="server" Width="100%"></telerik:RadTextBox>
                        </ItemTemplate>
                    </telerik:RadToolBarButton>
                    <telerik:RadToolBarButton runat="server" Value="filter" ImageUrl="~/Imgs/funnel.png"></telerik:RadToolBarButton>
                </Items>
            </telerik:RadToolBar>
        </CommandItemTemplate>
        <NoRecordsTemplate>No records!</NoRecordsTemplate>
        <Columns>
            <telerik:GridBoundColumn UniqueName="ID" DataField="ID" Visible="false"></telerik:GridBoundColumn>
            <telerik:GridBoundColumn UniqueName="Field" DataField="Nominativo"></telerik:GridBoundColumn>
        </Columns>
    </MasterTableView>
    <ClientSettings EnablePostBackOnRowClick="true">
        <Selecting AllowRowSelect="True"></Selecting>
    </ClientSettings>
</telerik:RadGrid>

1 Answer, 1 is accepted

Sort by
0
Luke
Top achievements
Rank 1
answered on 16 Feb 2011, 03:39 PM
Ok I found out how to solve it, put this in your css file or style tag:

.RadInput, .RadInputMgr
{
    white-space: nowrap !important;
}

and everything will be just fine in both 8 and 9 version of Chrome.
Tags
Grid
Asked by
Luke
Top achievements
Rank 1
Answers by
Luke
Top achievements
Rank 1
Share this question
or