Grid row selecting client

[Vjeran]

Hi,
i am doing admin UI in crossbrowser, but it looks like grid is not working as it should. When i click on row, it bg doesn't change from selected to normal!

Does this means that firefox is not supported at all or? Can u suggest workarounds because 4 my project it is really important to be cross browser.

[Vjeran]

One more thing.. when i remove
<%--            <SelectedItemStyle BackColor="#3D5FA3" />
            <ItemStyle Wrap="true" BackColor="White" />
            <AlternatingItemStyle Wrap="true" BackColor="White" />--%>
everything works again in firefox...

Do u have suggestion how to remove or how to handle this?

[Maria Ilieva]

Hi Vjeran Ivičić,

Could you please post part of your code represents this functionality. We will further research on ti and advise you further.

Best wishes,
Maria Ilieva
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Vjeran]

<telerik:RadPane ID="RadPane1" runat="server">
            <telerik:RadSplitter ID="RadSplitter2" runat="server" Orientation="Horizontal" ResizeMode="EndPane">
                <telerik:RadPane runat="server" Scrolling="None" Height="26">
                    <div class="toolbarwfix">
                        <telerik:RadToolBar ID="RadToolBar1" runat="server" Skin="WebBlue" OnButtonClick="ToolbarButtonCommand">
                            <collapseanimation duration="100" type="OutElastic" />
                            <expandanimation duration="200" type="InQuint" />
                            <items>
                <telerik:RadToolBarDropDown runat="server" Text="Filter per groups"
                OnLoad="LoadGroupsFilter" Font-Names="tahoma,verdana,arial,sans-serif">
                </telerik:RadToolBarDropDown>
            </items>
                        </telerik:RadToolBar>
                        <telerik:RadToolBar ID="ExportToolbar" runat="server" Skin="WebBlue" OnButtonClick="ToolbarButtonCommand">
                            <collapseanimation duration="100" type="OutElastic" />
                            <expandanimation duration="200" type="InQuint" />
                            <items>
                <telerik:RadToolBarButton runat="server"
                    NavigateUrl="~/Membership/NewUser.aspx" Text="New" PostBack="False">
                </telerik:RadToolBarButton>
                <telerik:RadToolBarButton IsSeparator="true"></telerik:RadToolBarButton>
                <telerik:RadToolBarButton runat="server" Text="Export">
                </telerik:RadToolBarButton>
                <telerik:RadToolBarButton runat="server" Text="Print">
                </telerik:RadToolBarButton>
            </items>
                        </telerik:RadToolBar>
                    </div>
                </telerik:RadPane>
                <telerik:RadSplitBar runat="server" CollapseMode="None" EnableResize="false" />
                <telerik:RadPane runat="server">
                    <telerik:RadGrid ID="UsersGrid" runat="server" DataSourceID="dsUsers" Skin="Outlook"
                        AutoGenerateColumns="False" AllowPaging="True" AllowAutomaticDeletes="true" AllowCustomPaging="True"
                        AutoGenerateDeleteColumn="True" GridLines="None" PageSize="15" ClientSettings-Selecting-AllowRowSelect="true">
                        <pagerstyle mode="Slider" alwaysvisible="true" />
                        <mastertableview datasourceid="dsUsers" datakeynames="UserName">
                <RowIndicatorColumn>
                    <HeaderStyle Width="20px" />
                </RowIndicatorColumn>
                <ExpandCollapseColumn>
                    <HeaderStyle Width="20px" />
                </ExpandCollapseColumn>
                <Columns>
                    <telerik:GridBoundColumn DataField="UserName" HeaderText="Username"
                        ReadOnly="True" SortExpression="UserName" UniqueName="UserName"
                        ItemStyle-Width="400" HeaderStyle-Width="400" FooterStyle-Width="400">
                        <FooterStyle Width="400px" />
                        <HeaderStyle Width="400px" />
                        <ItemStyle Width="400px" />
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="Email" HeaderText="Email"
                        SortExpression="Email" UniqueName="Email"
                        ItemStyle-Width="400" HeaderStyle-Width="400" FooterStyle-Width="400">
                        <HeaderStyle Width="400px" />
                        <ItemStyle Width="400px" />
                    </telerik:GridBoundColumn>                  
                    <telerik:GridCheckBoxColumn DataField="IsApproved" DataType="System.Boolean"
                        HeaderText="Approved" SortExpression="IsApproved" UniqueName="IsApproved"
                        FooterStyle-Width="30" HeaderStyle-Width="30" ItemStyle-Width="30">
                    </telerik:GridCheckBoxColumn>
                    <telerik:GridCheckBoxColumn DataField="Banned" DataType="System.Boolean"
                        HeaderText="Locked" ReadOnly="True" SortExpression="IsLockedOut"
                        UniqueName="IsLockedOut" ItemStyle-Width="30" HeaderStyle-Width="30"
                        FooterStyle-Width="30">
                    </telerik:GridCheckBoxColumn>
                    <telerik:GridBoundColumn DataField="LastLockoutDate" DataType="System.DateTime"
                        HeaderText="Last Lockout Date" ReadOnly="True" SortExpression="LastLockoutDate"
                        UniqueName="LastLockoutDate" FooterStyle-Width="50" HeaderStyle-Width="50"
                        ItemStyle-Width="50">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="CreationDate" DataType="System.DateTime"
                        HeaderText="Creation Date" ReadOnly="True" SortExpression="CreationDate"
                        UniqueName="CreationDate" HeaderStyle-Width="50" FooterStyle-Width="50"
                        ItemStyle-Width="50">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="LastLoginDate" DataType="System.DateTime"
                        HeaderText="Last Login Date" SortExpression="LastLoginDate"
                        UniqueName="LastLoginDate">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="LastActivityDate"
                        DataType="System.DateTime" HeaderText="Last Activity Date"
                        SortExpression="LastActivityDate" UniqueName="LastActivityDate"
                        FooterStyle-Width="50" HeaderStyle-Width="50" ItemStyle-Width="50">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="LastPasswordChangedDate"
                        DataType="System.DateTime" HeaderText="Password Changed Date" ReadOnly="True"
                        SortExpression="LastPasswordChangedDate"
                        UniqueName="LastPasswordChangedDate" ItemStyle-Width="50"
                        HeaderStyle-Width="50" FooterStyle-Width="50">
                    </telerik:GridBoundColumn>
                    <telerik:GridCheckBoxColumn DataField="IsOnline" DataType="System.Boolean"
                        HeaderText="Online" ReadOnly="True" SortExpression="IsOnline"
                        UniqueName="IsOnline" ItemStyle-Width="30" HeaderStyle-Width="30"
                        FooterStyle-Width="30">
                    </telerik:GridCheckBoxColumn>
                    <telerik:GridBoundColumn DataField="Comment" HeaderText="Comment"
                        SortExpression="Comment" UniqueName="Comment" HeaderStyle-Width="100"
                        FooterStyle-Width="100" ItemStyle-Width="100">
                    </telerik:GridBoundColumn>
                </Columns>
            </mastertableview>
             <clientsettings enablepostbackonrowclick="true">
                <Selecting AllowRowSelect="True" />
            </clientsettings>
                        <filtermenu enabletheming="True">
                <CollapseAnimation Duration="200" Type="OutQuint" />
            </filtermenu>
                    </telerik:RadGrid>
                    <asp:HiddenField ID="hdnRole" runat="server" Value="All" />
                    <asp:ObjectDataSource ID="dsUsers" runat="server" TypeName="IpitchitBackend.Membership.membershipds"
                        EnableCaching="False" SelectMethod="GetUsersPaged" OldValuesParameterFormatString="original_{0}"
                        SelectCountMethod="GetTotalRecords" DeleteMethod="DeleteUser" StartRowIndexParameterName="startRowIndex"
                        MaximumRowsParameterName="maximumRows" UpdateMethod="UpdateUser" EnablePaging="true">
                        <SelectParameters>
                            <asp:ControlParameter ControlID="hdnRole" Name="rolename" DbType="String" PropertyName="Value"
                                DefaultValue="All" />
                        </SelectParameters>
                        <DeleteParameters>
                            <asp:Parameter Name="UserName" Type="String" />
                        </DeleteParameters>
                        <InsertParameters>
                        </InsertParameters>
                        <FilterParameters>
                        </FilterParameters>
                        <UpdateParameters>
                        </UpdateParameters>
                    </asp:ObjectDataSource>
                </telerik:RadPane>
            </telerik:RadSplitter>
        </telerik:RadPane>

Here u go!
So this page is in master that uses vertical spliter and content is in right panel.
Then i have 2 splitter panels, and this code is in left one.
If u want code.. tell me and i will zip this 2 files, and theme css (theme css doesn't mix, i guess).

[Maria Ilieva]

Hi Vjeran Ivičić,

I will research on your code and will get back to you as soon as I have any updates on the problem.
Thank you for your cooperation.

Best wishes,
Maria Ilieva
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.