Google Chrome display problems

7 posts, 0 answers
  1. Derek
    Derek avatar
    118 posts
    Member since:
    Oct 2008

    Posted 05 Feb 2010 Link to this post

    I have page that uses Raddocks; works properly in Internet Explorer and Firefox, but in Google Chrome everything is pushed to the left and there is no content. I've included a snapshot of what the screen looks like in Firefox (the content is deliberately blurred) and in Chrome. All content is dynamic, with a combination of Radgrids and Rotators.

    Any suggestions? I've tried clearing the cache and refreshing in Chrome, but still the same. One user reported a similar problem in IE, but I haven't been able to reproduce that.
  2. Pero
    Admin
    Pero avatar
    1156 posts

    Posted 10 Feb 2010 Link to this post

    Hello Derek,

    Such problem has not been reported before, so I can't really tell what might be the problem just from looking at the screenshots. I tried to reproduce the behavior taking the following steps, but to no avail:

    • Removed the DOCTYPE declaration from the page;
    • Did not set any Width to the DockZones
    • Made DockZones float: left
      <style type="text/css">
          .RadDockZone
          {
              float: left;
              margin: 10px;
          }
      </style>
    • Placed zones in <table>

    I think the problem is caused by some custom CSS that gets applied. Could you please provide a sample project (or source code) that demonstrates the problem? Once the problem can be reproduced locally it would be easier to find a solution.


    All the best,
    Pero
    the Telerik team

    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
    Follow the status of features or bugs in PITS and vote for them to affect their priority.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Jose
    Jose avatar
    38 posts
    Member since:
    Apr 2009

    Posted 10 Aug 2011 Link to this post

    Hello,

    I'm having the same problem with Chrome. I've latest controls (Q2 2011).
    I'm attaching screenshot and my code.

    <%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="DashBoard.aspx.cs" Inherits="Quasar.WebUI.Dashboard.DashBoard" %>
     
    <%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Charting" tagprefix="telerik" %>
     
    <asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
        <title>Quasar | CRM - Dashboard</title>
    </asp:Content>
     
    <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
     
        <telerik:RadAjaxLoadingPanel ID="DashboardRadAjaxLoadingPanel" runat="server" Skin="Default">
        </telerik:RadAjaxLoadingPanel>
     
        <div class="findField">
            <asp:Label ID="FindFieldLabel" runat="server" AssociatedControlID="FindFieldCombo">Acct. Manager :</asp:Label>
            <telerik:RadComboBox ID="FindFieldCombo" runat="server" Width="150px" Height="250px"
                EmptyMessage="Leave empty to select all..." Sort="Ascending" AllowCustomText="True" Filter="Contains"
                DataTextField="FullName" DataValueField="AccountManagerId">
            </telerik:RadComboBox>
                 
            <asp:Label ID="QuarterLabel" runat="server" AssociatedControlID="Quarter">Quarter :</asp:Label>
            <telerik:RadComboBox ID="Quarter" runat="server" EmptyMessage="(none)"
                Sort="Ascending" ToolTip="Select Quarter"
                Width="75px" AllowCustomText="True"></telerik:RadComboBox>
                 
            <asp:Label ID="DateFromLabel" runat="server" AssociatedControlID="DateFrom">From :</asp:Label>
            <telerik:RadDatePicker ID="DateFrom" runat="server" ToolTip="From Date to filter" Width="125px"></telerik:RadDatePicker>
                 
            <asp:Label ID="DateToLabel" runat="server" AssociatedControlID="DateTo">To :</asp:Label>
            <telerik:RadDatePicker ID="DateTo" runat="server" ToolTip="To Date to filter" Width="125px"></telerik:RadDatePicker>
               
            <telerik:RadButton ID="FindButton" runat="server" Icon-PrimaryIconUrl="~/Images/Find.png" Text="Find" Width="75px"
                onclick="FindButton_Click">
            </telerik:RadButton>
        </div>
     
        <telerik:RadAjaxPanel ID="DashboardRadAjaxPanel" runat="server">
            <telerik:RadDockLayout ID="DashboardRadDockLayout" runat="server">
                <table>
                    <tr>
                        <td style="width: 275px; vertical-align: top">
                            <telerik:RadDockZone runat="server" ID="DashboardRadDockZone" Orientation="vertical" Style="border: 0px; width: 273px;">
                                <telerik:RadDock runat="server" ID="NumbersRadDock" Title="Results" Width="273px" EnableAnimation="true"
                                    DefaultCommands="ExpandCollapse" DockMode="Docked" EnableRoundedCorners="True">
                                    <ContentTemplate>
                                        <table>
                                            <tr>
                                                <td style="width: 160px; text-align: right;">
                                                    Target :
                                                </td>
                                                <td style="padding-left: 5px; font-weight: bold;">
                                                    <asp:Label ID="TargetNumber" runat="server"></asp:Label>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                      
                                                </td>
                                                <td>
                                                      
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="width: 160px; text-align: right;">
                                                    Quotations Count :
                                                </td>
                                                <td style="padding-left: 5px; font-weight: bold;">
                                                    <asp:Label ID="QuotationsCount" runat="server"></asp:Label>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="width: 160px; text-align: right;">
                                                    Orders Count     :
                                                </td>
                                                <td style="padding-left: 5px; font-weight: bold;">
                                                    <asp:Label ID="OrdersCount" runat="server"></asp:Label>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="width: 160px; text-align: right;">
                                                    Invoices Count   :
                                                </td>
                                                <td style="padding-left: 5px; font-weight: bold;">
                                                    <asp:Label ID="InvoicesCount" runat="server"></asp:Label>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                      
                                                </td>
                                                <td>
                                                      
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="width: 160px; text-align: right;">
                                                    Total Inv. Costs      :
                                                </td>
                                                <td style="padding-left: 5px; font-weight: bold;">
                                                    <asp:Label ID="TotalCost" runat="server"></asp:Label>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="width: 160px; text-align: right;">
                                                    Total Inv. Revenue    :
                                                </td>
                                                <td style="padding-left: 5px; font-weight: bold;">
                                                    <asp:Label ID="TotalRevenue" runat="server"></asp:Label>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="width: 160px; text-align: right;">
                                                    Total Inv. Margin     :
                                                </td>
                                                <td style="padding-left: 5px; font-weight: bold;">
                                                    <asp:Label ID="TotalMargin" runat="server"></asp:Label>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="width: 160px; text-align: right;">
                                                    Status to Target :
                                                </td>
                                                <td style="padding-left: 5px; font-weight: bold;">
                                                    <asp:Label ID="ToTarget" runat="server"></asp:Label>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                      
                                                </td>
                                                <td>
                                                      
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="width: 160px; text-align: right;">
                                                    Pending Inv. Revenue :
                                                </td>
                                                <td style="padding-left: 5px; font-weight: bold;">
                                                    <asp:Label ID="PendingRevenue" runat="server"></asp:Label>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="width: 160px; text-align: right;">
                                                    Pending Inv. Margin :
                                                </td>
                                                <td style="padding-left: 5px; font-weight: bold;">
                                                    <asp:Label ID="PendingMargin" runat="server"></asp:Label>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                      
                                                </td>
                                                <td>
                                                      
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="width: 160px; text-align: right;">
                                                    Overdue Inv. Revenue :
                                                </td>
                                                <td style="padding-left: 5px; font-weight: bold;">
                                                    <asp:Label ID="OverdueRevenue" runat="server"></asp:Label>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="width: 160px; text-align: right;">
                                                    Overdue Inv. Margin :
                                                </td>
                                                <td style="padding-left: 5px; font-weight: bold;">
                                                    <asp:Label ID="OverdueMargin" runat="server"></asp:Label>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                      
                                                </td>
                                                <td>
                                                      
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="width: 160px; text-align: right;">
                                                    Backlog Cost :
                                                </td>
                                                <td style="padding-left: 5px; font-weight: bold;">
                                                    <asp:Label ID="BacklogCost" runat="server"></asp:Label>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="width: 160px; text-align: right;">
                                                    Backlog Revenue :
                                                </td>
                                                <td style="padding-left: 5px; font-weight: bold;">
                                                    <asp:Label ID="BacklogRevenue" runat="server"></asp:Label>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="width: 160px; text-align: right;">
                                                    Backlog Margin :
                                                </td>
                                                <td style="padding-left: 5px; font-weight: bold;">
                                                    <asp:Label ID="BacklogMargin" runat="server"></asp:Label>
                                                </td>
                                            </tr>
                                        </table>
                                    </ContentTemplate>
                                </telerik:RadDock>
                            </telerik:RadDockZone>
                        </td>
                        <td style="vertical-align: top">
                            <telerik:RadDockZone runat="server" ID="SalesCategoryRadDockZone" Orientation="vertical" Style="border: 0px;">
                                <telerik:RadDock runat="server" ID="SalesCategoryRadDock" Title="Sales by Category" EnableAnimation="true"
                                    DefaultCommands="ExpandCollapse" DockMode="Docked" EnableRoundedCorners="True">
                                    <ContentTemplate>
                                        <asp:Panel ID="SalesCategoryPanel" runat="server">
                                            <p>
                                                <center>
                                                    <telerik:RadChart ID="SalesCategoryRadChart" runat="server" Skin="WebBlue"
                                                        ChartImageFormat="Png" Legend-Visible="false" SeriesOrientation="Vertical"
                                                        AutoTextWrap="true" AutoLayout="true" IntelligentLabelsEnabled="true"
                                                        Height="350px" Width="900px">
                                                        <Series>
                                                            <telerik:ChartSeries DataYColumn="SubTotal" Name="SubTotal" DefaultLabelValue="#Y{C}" Type="Bar">
                                                            </telerik:ChartSeries>
                                                        </Series>
                                                        <PlotArea>
                                                            <XAxis DataLabelsColumn="LineType">
                                                            </XAxis>
                                                            <YAxis Appearance-ValueFormat="Currency" IsLogarithmic="false">
                                                            </YAxis>
                                                            <EmptySeriesMessage>
                                                                <TextBlock Text="Sorry, but there aren't Invoices in these dates range!!!">
                                                                </TextBlock>
                                                            </EmptySeriesMessage>
                                                        </PlotArea>
                                                        <ChartTitle>
                                                            <TextBlock Text="Sales by Category">
                                                                <Appearance AutoTextWrap="True">
                                                                </Appearance>
                                                            </TextBlock>
                                                        </ChartTitle>
                                                    </telerik:RadChart>
                                                </center>
                                            </p>
                                        </asp:Panel>
                                    </ContentTemplate>
                                </telerik:RadDock>
                            </telerik:RadDockZone>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" style="vertical-align: top">
                            <telerik:RadDockZone runat="server" ID="PurchasesDealerDockZone" Orientation="vertical" Style="border: 0px;">
                                <telerik:RadDock runat="server" ID="PurchasesDealerRadDock" Title="Purchases by Dealer" EnableAnimation="true"
                                    DefaultCommands="ExpandCollapse" DockMode="Docked" EnableRoundedCorners="True">
                                    <ContentTemplate>
                                        <asp:Panel ID="PurchasesDealerPanel" runat="server">
                                            <p>
                                                <center>
                                                    <telerik:RadChart ID="PurchasesDealerRadChart" runat="server" Skin="WebBlue"
                                                        ChartImageFormat="Png" Legend-Visible="false" SeriesOrientation="Horizontal"
                                                        AutoTextWrap="true" AutoLayout="true" IntelligentLabelsEnabled="true"
                                                        Height="700px" Width="900px">
                                                        <Series>
                                                            <telerik:ChartSeries DataYColumn="SubTotal" Name="SubTotal" DefaultLabelValue="#Y{C}" Type="Bar">
                                                            </telerik:ChartSeries>
                                                        </Series>
                                                        <PlotArea>
                                                            <XAxis DataLabelsColumn="Dealer">
                                                            </XAxis>
                                                            <YAxis Appearance-ValueFormat="Currency" IsLogarithmic="false">
                                                            </YAxis>
                                                            <EmptySeriesMessage>
                                                                <TextBlock Text="Sorry, but there aren't Purchases in these dates range!!!">
                                                                </TextBlock>
                                                            </EmptySeriesMessage>
                                                        </PlotArea>
                                                        <ChartTitle>
                                                            <TextBlock Text="Purchases by Dealer">
                                                                <Appearance AutoTextWrap="True">
                                                                </Appearance>
                                                            </TextBlock>
                                                        </ChartTitle>
                                                    </telerik:RadChart>
                                                </center>
                                            </p>
                                        </asp:Panel>
                                    </ContentTemplate>
                                </telerik:RadDock>
                            </telerik:RadDockZone>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" style="vertical-align: top">
                            <telerik:RadDockZone runat="server" ID="OrdersRadDockZone" Orientation="vertical" Style="border: 0px;">
                                <telerik:RadDock runat="server" ID="OrdersRadDock" Title="Orders Pending" EnableAnimation="true"
                                    DefaultCommands="ExpandCollapse" DockMode="Docked" Collapsed="True" EnableRoundedCorners="True">
                                    <ContentTemplate>
                                        <asp:Panel ID="OrdersPanel" runat="server">
                                            <p>
                                                 <telerik:RadGrid ID="ListGridOrders" runat="server" AllowFilteringByColumn="False"
                                                    AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False" GroupingEnabled="False"
                                                    GridLines="None" ShowStatusBar="True" PageSize="7"
                                                    EnableLinqExpressions="False"
                                                    onneeddatasource="ListGridOrders_NeedDataSource"
                                                    OnDetailTableDataBind="ListGridOrders_DetailTableDataBind"
                                                    oncustomaggregate="ListGridOrders_CustomAggregate"
                                                    onitemdatabound="ListGridOrders_ItemDataBound">
     
                                                    <ClientSettings AllowColumnsReorder="True" ReorderColumnsOnClient="True" AllowDragToGroup="True" EnableRowHoverStyle="true">
                                                    </ClientSettings>
     
                                                    <GroupingSettings CaseSensitive="false" />
     
                                                    <MasterTableView Name="MasterGridOrders" DataKeyNames="OrderId" CommandItemDisplay="None">
                                                        <RowIndicatorColumn>
                                                            <HeaderStyle Width="20px"></HeaderStyle>
                                                        </RowIndicatorColumn>
     
                                                        <ExpandCollapseColumn>
                                                            <HeaderStyle Width="20px"></HeaderStyle>
                                                        </ExpandCollapseColumn>
                 
                                                        <DetailTables>
     
                                                            <telerik:GridTableView runat="server" AllowSorting="true" DataKeyNames="OrderLineId"
                                                                Caption="Order Lines" Name="OrderLines" PageSize="10"
                                                                CommandItemDisplay="None" AllowPaging="true"
                                                                AutoGenerateColumns="False" GridLines="None" AllowFilteringByColumn="false" ShowFooter="True"
                                                                GroupsDefaultExpanded="False" ShowGroupFooter="True">
     
                                                                <Columns>
                                                                    <telerik:GridBoundColumn DataField="OrderLineId" HeaderText="Id" UniqueName="OrderLineId" Visible="false">
                                                                    </telerik:GridBoundColumn>
                                                                    <telerik:GridBoundColumn HeaderText="Units" DataField="Units" UniqueName="Units" ItemStyle-Width="25px"
                                                                        ItemStyle-HorizontalAlign="Right" HeaderStyle-HorizontalAlign="Right" DataFormatString="{0:0.00}">
                                                                    </telerik:GridBoundColumn>
                                                                    <telerik:GridBoundColumn HeaderText="Description" DataField="Description" UniqueName="Description">
                                                                    </telerik:GridBoundColumn>
                                                                    <telerik:GridBoundColumn HeaderText="Cost" DataField="Cost" UniqueName="Cost" ItemStyle-HorizontalAlign="Right"
                                                                        HeaderStyle-HorizontalAlign="Right" DataFormatString="{0:c}" ItemStyle-Width="65px">
                                                                    </telerik:GridBoundColumn>
                                                                    <telerik:GridBoundColumn HeaderText="Price" DataField="Price" UniqueName="Price" ItemStyle-HorizontalAlign="Right"
                                                                        HeaderStyle-HorizontalAlign="Right" DataFormatString="{0:c}" ItemStyle-Width="65px">
                                                                    </telerik:GridBoundColumn>
                                                                    <telerik:GridCalculatedColumn UniqueName="TotalCost" HeaderText="Total Cost"
                                                                        DataFields="Units, Cost" Expression='{0}*{1}' ItemStyle-HorizontalAlign="Right" HeaderStyle-HorizontalAlign="Right"
                                                                        DataFormatString="{0:c}" ItemStyle-Width="65px"
                                                                        Aggregate="Sum" FooterStyle-HorizontalAlign="Right" FooterAggregateFormatString="{0:c}" DataType="System.Decimal">
                                                                    </telerik:GridCalculatedColumn>
                                                                    <telerik:GridCalculatedColumn UniqueName="TotalPrice" HeaderText="Total Price"
                                                                        DataFields="Units, Price" Expression='{0}*{1}' ItemStyle-HorizontalAlign="Right" HeaderStyle-HorizontalAlign="Right"
                                                                        DataFormatString="{0:c}" ItemStyle-Width="65px"
                                                                        Aggregate="Sum" FooterStyle-HorizontalAlign="Right" FooterAggregateFormatString="{0:c}" DataType="System.Decimal">
                                                                    </telerik:GridCalculatedColumn>
                                                                    <telerik:GridNumericColumn UniqueName="Margin" HeaderText="Margin"
                                                                        ItemStyle-HorizontalAlign="Right" HeaderStyle-HorizontalAlign="Right"
                                                                        DataFormatString="{0:0.00%}" ItemStyle-Width="25px"
                                                                        Aggregate="Custom" FooterStyle-HorizontalAlign="Right" FooterAggregateFormatString="{0:0.00%}" DataType="System.Decimal">
                                                                    </telerik:GridNumericColumn>
                                                                    <telerik:GridBoundColumn DataField="Dealer.Name" HeaderText="Dealer" UniqueName="Dealer">
                                                                    </telerik:GridBoundColumn>
                                                                    <telerik:GridBoundColumn HeaderText="Type" DataField="LineType" UniqueName="LineType" ItemStyle-Width="75px">
                                                                    </telerik:GridBoundColumn>
                                                                </Columns>
     
                                                            </telerik:GridTableView>
     
                                                        </DetailTables>
     
                                                        <Columns>
                                                            <telerik:GridBoundColumn DataField="OrderId" HeaderText="Id" UniqueName="OrderId" Visible="false">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridBoundColumn HeaderText="Code" DataField="OrderCode" UniqueName="OrderCode"
                                                                ItemStyle-Width="50px">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridBoundColumn HeaderText="Customer" DataField="Customer.Name" UniqueName="Customer">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridBoundColumn HeaderText="Date" DataField="OrderDate" UniqueName="OrderDate"
                                                                ItemStyle-Width="50px" DataFormatString="{0:d}">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridBoundColumn HeaderText="Quotation" DataField="Quotation.QuotationCode" UniqueName="QuotationCode">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridBoundColumn HeaderText="V" DataField="Quotation.Version" UniqueName="Version" AllowFiltering="False">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridBoundColumn DataField="OrderComments" HeaderText="Order Comments" UniqueName="OrderComments"
                                                                AllowFiltering="false">
                                                            </telerik:GridBoundColumn>
                                                        </Columns>
     
                                                    </MasterTableView>
     
                                                    <PagerStyle Mode="NextPrevAndNumeric" Position="Bottom" />
     
                                                    <HeaderContextMenu EnableImageSprites="True" CssClass="GridContextMenu GridContextMenu_Default"></HeaderContextMenu>
     
                                                </telerik:RadGrid>
                                            </p>
                                        </asp:Panel>
                                    </ContentTemplate>
                                </telerik:RadDock>
                            </telerik:RadDockZone>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" style="vertical-align: top">
                            <telerik:RadDockZone runat="server" ID="InvoicesRadDockZone" Orientation="vertical" Style="border: 0px;">
                                <telerik:RadDock runat="server" ID="InvoicesRadDock" Title="Open Invoices" EnableAnimation="true"
                                    DefaultCommands="ExpandCollapse" DockMode="Docked" Collapsed="True" EnableRoundedCorners="True">
                                    <ContentTemplate>
                                        <asp:Panel ID="InvoicesPanel" runat="server">
                                            <p>
                                                 <telerik:RadGrid ID="ListGridInvoices" runat="server" AllowFilteringByColumn="False"
                                                    AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False" GroupingEnabled="False"
                                                    GridLines="None" ShowStatusBar="True" PageSize="7"
                                                    EnableLinqExpressions="False"
                                                    onneeddatasource="ListGridInvoices_NeedDataSource"
                                                    OnDetailTableDataBind="ListGridInvoices_DetailTableDataBind"
                                                    oncustomaggregate="ListGridInvoices_CustomAggregate"
                                                    onitemdatabound="ListGridInvoices_ItemDataBound">
     
                                                    <ClientSettings AllowColumnsReorder="True" ReorderColumnsOnClient="True" AllowDragToGroup="True" EnableRowHoverStyle="true">
                                                    </ClientSettings>
     
                                                    <GroupingSettings CaseSensitive="false" />
     
                                                    <MasterTableView Name="MasterGridInvoices" DataKeyNames="InvoiceId" CommandItemDisplay="None">
                                                        <RowIndicatorColumn>
                                                            <HeaderStyle Width="20px"></HeaderStyle>
                                                        </RowIndicatorColumn>
     
                                                        <ExpandCollapseColumn>
                                                            <HeaderStyle Width="20px"></HeaderStyle>
                                                        </ExpandCollapseColumn>
                 
                                                        <DetailTables>
     
                                                            <telerik:GridTableView runat="server" AllowSorting="true" DataKeyNames="InvoiceLineId"
                                                                Caption="Invoice Lines" Name="InvoiceLines" PageSize="10"
                                                                CommandItemDisplay="None" AllowPaging="true"
                                                                AutoGenerateColumns="False" GridLines="None" AllowFilteringByColumn="false" ShowFooter="True"
                                                                GroupsDefaultExpanded="False" ShowGroupFooter="True">
     
                                                                <Columns>
                                                                    <telerik:GridBoundColumn DataField="InvoiceLineId" HeaderText="Id" UniqueName="InvoiceLineId" Visible="false">
                                                                    </telerik:GridBoundColumn>
                                                                    <telerik:GridBoundColumn HeaderText="Units" DataField="Units" UniqueName="Units" ItemStyle-Width="25px"
                                                                        ItemStyle-HorizontalAlign="Right" HeaderStyle-HorizontalAlign="Right" DataFormatString="{0:0.00}">
                                                                    </telerik:GridBoundColumn>
                                                                    <telerik:GridBoundColumn HeaderText="Description" DataField="Description" UniqueName="Description">
                                                                    </telerik:GridBoundColumn>
                                                                    <telerik:GridBoundColumn HeaderText="Cost" DataField="Cost" UniqueName="Cost" ItemStyle-HorizontalAlign="Right"
                                                                        HeaderStyle-HorizontalAlign="Right" DataFormatString="{0:c}" ItemStyle-Width="65px">
                                                                    </telerik:GridBoundColumn>
                                                                    <telerik:GridBoundColumn HeaderText="Price" DataField="Price" UniqueName="Price" ItemStyle-HorizontalAlign="Right"
                                                                        HeaderStyle-HorizontalAlign="Right" DataFormatString="{0:c}" ItemStyle-Width="65px">
                                                                    </telerik:GridBoundColumn>
                                                                    <telerik:GridCalculatedColumn UniqueName="TotalCost" HeaderText="Total Cost"
                                                                        DataFields="Units, Cost" Expression='{0}*{1}' ItemStyle-HorizontalAlign="Right" HeaderStyle-HorizontalAlign="Right"
                                                                        DataFormatString="{0:c}" ItemStyle-Width="65px"
                                                                        Aggregate="Sum" FooterStyle-HorizontalAlign="Right" FooterAggregateFormatString="{0:c}" DataType="System.Decimal">
                                                                    </telerik:GridCalculatedColumn>
                                                                    <telerik:GridCalculatedColumn UniqueName="TotalPrice" HeaderText="Total Price"
                                                                        DataFields="Units, Price" Expression='{0}*{1}' ItemStyle-HorizontalAlign="Right" HeaderStyle-HorizontalAlign="Right"
                                                                        DataFormatString="{0:c}" ItemStyle-Width="65px"
                                                                        Aggregate="Sum" FooterStyle-HorizontalAlign="Right" FooterAggregateFormatString="{0:c}" DataType="System.Decimal">
                                                                    </telerik:GridCalculatedColumn>
                                                                    <telerik:GridNumericColumn UniqueName="Margin" HeaderText="Margin"
                                                                        ItemStyle-HorizontalAlign="Right" HeaderStyle-HorizontalAlign="Right"
                                                                        DataFormatString="{0:0.00%}" ItemStyle-Width="25px"
                                                                        Aggregate="Custom" FooterStyle-HorizontalAlign="Right" FooterAggregateFormatString="{0:0.00%}" DataType="System.Decimal">
                                                                    </telerik:GridNumericColumn>
                                                                    <telerik:GridBoundColumn DataField="LineComments" HeaderText="Comments" UniqueName="LineComments">
                                                                    </telerik:GridBoundColumn>
                                                                    <telerik:GridBoundColumn HeaderText="Type" DataField="LineType" UniqueName="LineType" ItemStyle-Width="75px">
                                                                    </telerik:GridBoundColumn>
                                                                </Columns>
     
                                                            </telerik:GridTableView>
     
                                                        </DetailTables>
     
                                                        <Columns>
                                                            <telerik:GridBoundColumn DataField="InvoiceId" HeaderText="Id" UniqueName="InvoiceId" Visible="false">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridBoundColumn HeaderText="Code" DataField="InvoiceCode" UniqueName="InvoiceCode"
                                                                ItemStyle-Width="50px">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridBoundColumn HeaderText="Customer" DataField="Customer.Name" UniqueName="Customer">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridBoundColumn HeaderText="Date" DataField="InvoiceDate" UniqueName="InvoiceDate"
                                                                ItemStyle-Width="50px" DataFormatString="{0:d}">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridBoundColumn HeaderText="Order" DataField="Order.OrderCode" UniqueName="OrderCode">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridBoundColumn HeaderText="Quotation" DataField="Order.Quotation.QuotationCode" UniqueName="QuotationCode">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridBoundColumn HeaderText="V" DataField="Order.Quotation.Version" UniqueName="Version" AllowFiltering="False">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridBoundColumn HeaderText="Payment Terms" DataField="PaymentTerm.Description" UniqueName="PaymentTerm">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridCheckBoxColumn DataField="Processed" HeaderText="Processed" UniqueName="Processed">
                                                            </telerik:GridCheckBoxColumn>
                                                            <telerik:GridBoundColumn HeaderText="Due Date" DataField="InvoiceDueDate" UniqueName="InvoiceDueDate"
                                                                ItemStyle-Width="50px" DataFormatString="{0:d}">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridCheckBoxColumn DataField="InvoicePaid" HeaderText="Paid" UniqueName="InvoicePaid">
                                                            </telerik:GridCheckBoxColumn>
                                                        </Columns>
     
                                                    </MasterTableView>
     
                                                    <PagerStyle Mode="NextPrevAndNumeric" Position="Bottom" />
     
                                                    <HeaderContextMenu EnableImageSprites="True" CssClass="GridContextMenu GridContextMenu_Default"></HeaderContextMenu>
     
                                                </telerik:RadGrid>
                                            </p>
                                        </asp:Panel>
                                    </ContentTemplate>
                                </telerik:RadDock>
                            </telerik:RadDockZone>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2" style="vertical-align: top">
                            <telerik:RadDockZone runat="server" ID="QuotationsRadDockZone" Orientation="vertical" Style="border: 0px;">
                                <telerik:RadDock runat="server" ID="QuotationsRadDock" Title="Current Open Quotations" EnableAnimation="true"
                                    DefaultCommands="ExpandCollapse" DockMode="Docked" Collapsed="True" EnableRoundedCorners="True">
                                    <ContentTemplate>
                                        <asp:Panel ID="QuotationsPanel" runat="server">
                                            <p>
                                                 <telerik:RadGrid ID="ListGridQuotations" runat="server" AllowFilteringByColumn="False"
                                                    AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False"
                                                    GridLines="None" ShowStatusBar="True" ShowGroupPanel="False"
                                                    onneeddatasource="ListGridQuotations_NeedDataSource"
                                                    OnDetailTableDataBind="ListGridQuotations_DetailTableDataBind"
                                                    oncustomaggregate="ListGridQuotations_CustomAggregate"
                                                    onitemdatabound="ListGridQuotations_ItemDataBound">
     
                                                    <ClientSettings AllowColumnsReorder="True" ReorderColumnsOnClient="True" AllowDragToGroup="True" EnableRowHoverStyle="true">
                                                    </ClientSettings>
     
                                                    <GroupingSettings CaseSensitive="false" />
     
                                                    <MasterTableView Name="MasterGridQuotations" DataKeyNames="QuotationId" CommandItemDisplay="None">
     
                                                        <RowIndicatorColumn>
                                                            <HeaderStyle Width="20px"></HeaderStyle>
                                                        </RowIndicatorColumn>
     
                                                        <ExpandCollapseColumn>
                                                            <HeaderStyle Width="20px"></HeaderStyle>
                                                        </ExpandCollapseColumn>
                 
                                                        <DetailTables>
     
                                                            <telerik:GridTableView runat="server" AllowSorting="true" DataKeyNames="QuotationLineId"
                                                                Caption="Quotation Lines" Name="QuotationLines" PageSize="10"
                                                                CommandItemDisplay="None" AllowPaging="true"
                                                                AutoGenerateColumns="False" GridLines="None" AllowFilteringByColumn="false" ShowFooter="True"
                                                                GroupsDefaultExpanded="False" ShowGroupFooter="True">
     
                                                                <Columns>
                                                                    <telerik:GridBoundColumn DataField="QuotationLineId" HeaderText="Id"
                                                                        UniqueName="QuotationLineId" Visible="false">
                                                                    </telerik:GridBoundColumn>
                                                                    <telerik:GridBoundColumn HeaderText="Units" DataField="Units" UniqueName="Units" ItemStyle-Width="25px"
                                                                        ItemStyle-HorizontalAlign="Right" HeaderStyle-HorizontalAlign="Right" DataFormatString="{0:0.00}">
                                                                    </telerik:GridBoundColumn>
                                                                    <telerik:GridBoundColumn HeaderText="Description" DataField="Description" UniqueName="Description">
                                                                    </telerik:GridBoundColumn>
                                                                    <telerik:GridBoundColumn HeaderText="Cost" DataField="Cost" UniqueName="Cost" ItemStyle-HorizontalAlign="Right"
                                                                        HeaderStyle-HorizontalAlign="Right" DataFormatString="{0:c}" ItemStyle-Width="65px">
                                                                    </telerik:GridBoundColumn>
                                                                    <telerik:GridBoundColumn HeaderText="Price" DataField="Price" UniqueName="Price" ItemStyle-HorizontalAlign="Right"
                                                                        HeaderStyle-HorizontalAlign="Right" DataFormatString="{0:c}" ItemStyle-Width="65px">
                                                                    </telerik:GridBoundColumn>
                                                                    <telerik:GridCalculatedColumn UniqueName="TotalCost" HeaderText="Total Cost"
                                                                        DataFields="Units, Cost" Expression='{0}*{1}' ItemStyle-HorizontalAlign="Right" HeaderStyle-HorizontalAlign="Right"
                                                                        DataFormatString="{0:c}" ItemStyle-Width="65px"
                                                                        Aggregate="Sum" FooterStyle-HorizontalAlign="Right" FooterAggregateFormatString="{0:c}" DataType="System.Decimal">
                                                                    </telerik:GridCalculatedColumn>
                                                                    <telerik:GridCalculatedColumn UniqueName="TotalPrice" HeaderText="Total Price"
                                                                        DataFields="Units, Price" Expression='{0}*{1}' ItemStyle-HorizontalAlign="Right" HeaderStyle-HorizontalAlign="Right"
                                                                        DataFormatString="{0:c}" ItemStyle-Width="65px"
                                                                        Aggregate="Sum" FooterStyle-HorizontalAlign="Right" FooterAggregateFormatString="{0:c}" DataType="System.Decimal">
                                                                    </telerik:GridCalculatedColumn>
                                                                    <telerik:GridNumericColumn UniqueName="Margin" HeaderText="Margin"
                                                                        ItemStyle-HorizontalAlign="Right" HeaderStyle-HorizontalAlign="Right"
                                                                        DataFormatString="{0:0.00%}" ItemStyle-Width="25px"
                                                                        Aggregate="Custom" FooterStyle-HorizontalAlign="Right" FooterAggregateFormatString="{0:0.00%}" DataType="System.Decimal">
                                                                    </telerik:GridNumericColumn>
                                                                    <telerik:GridBoundColumn HeaderText="Type" DataField="LineType" UniqueName="LineType"
                                                                        ItemStyle-Width="75px">
                                                                    </telerik:GridBoundColumn>
                                                                </Columns>
     
                                                            </telerik:GridTableView>
     
                                                        </DetailTables>
     
                                                        <Columns>
                                                            <telerik:GridBoundColumn DataField="QuotationId" HeaderText="Id" UniqueName="QuotationId" Visible="false">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridBoundColumn HeaderText="Customer" DataField="Customer.Name" UniqueName="Customer">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridBoundColumn HeaderText="Code" DataField="QuotationCode" UniqueName="QuotationCode" ItemStyle-Width="50px">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridBoundColumn HeaderText="V" DataField="Version" UniqueName="Version"
                                                                ItemStyle-Width="30px" HeaderStyle-Width="30px" AllowFiltering="false" Groupable="false">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridBoundColumn HeaderText="Date" DataField="QuotationDate" UniqueName="QuotationDate"
                                                                ItemStyle-Width="50px" DataFormatString="{0:d}">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridBoundColumn HeaderText="Title" DataField="Title" UniqueName="Title">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridBoundColumn HeaderText="Status" DataField="Status" UniqueName="Status" DataFormatString="{0:0} %"
                                                                ItemStyle-HorizontalAlign="Right" HeaderStyle-HorizontalAlign="Right" ItemStyle-Width="25px">
                                                            </telerik:GridBoundColumn>
                                                            <telerik:GridBoundColumn HeaderText="QuotationSend" DataField="QuotationSend" UniqueName="QuotationSend"
                                                                Visible="false">
                                                            </telerik:GridBoundColumn>
                                                        </Columns>
     
                                                    </MasterTableView>
     
                                                    <PagerStyle Mode="NextPrevAndNumeric" Position="Bottom" />
     
                                                    <HeaderContextMenu EnableImageSprites="True" CssClass="GridContextMenu GridContextMenu_Default"></HeaderContextMenu>
     
                                                </telerik:RadGrid>
                                            </p>
                                        </asp:Panel>
                                    </ContentTemplate>
                                </telerik:RadDock>
                            </telerik:RadDockZone>
                        </td>
                    </tr>
                </table>
            </telerik:RadDockLayout>
        </telerik:RadAjaxPanel>
     
    </asp:Content>

    Regards
    Jose
  5. Pero
    Admin
    Pero avatar
    1156 posts

    Posted 12 Aug 2011 Link to this post

    Hi Jose,

    Could you please open a new support ticket and send us runnable sample project? I tried to run your code locally, but couldn't overcome the problems, because many dependencies are missing.

    All the best,
    Pero
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  6. Jerry
    Jerry avatar
    10 posts
    Member since:
    Aug 2011

    Posted 17 Aug 2011 Link to this post

    I have a similar problem with Chrome. My problem is that when a RadTreeView is defined in a Modal Popup and a RadTreeViewContextMenu is defined as part of the tree, the context menu does not display when a node is right clicked. Nothing happens when the node is right clicked.

    This works fine in IE and FireFox, but not Chrome. Also, this does work in Chrome if a modal window is not involved. That's why the demo examples on this site work with Chrome. Try putting the control in a Modal Popup and right click a node. See if you can reproduce this problem in Chrome.

    However, I need a solution for this as soon as possible.
  7. Plamen
    Admin
    Plamen avatar
    2734 posts

    Posted 19 Aug 2011 Link to this post

    Hello Jerry,

    It sound like a known browser bug in the Google Chrome that is discussed here.

    Regards,
    Plamen Zdravkov
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  8. Jose
    Jose avatar
    38 posts
    Member since:
    Apr 2009

    Posted 01 Sep 2011 Link to this post

    Hi, I've found that the problem appears when no width is specified for RadDock control.
    From my previous sample I've removed table element and changed it by div elements (one for each raddock).

    If I specify a width in all divs, all works fine with chrome and IE, but if for the second div I don't specify a width, IE works fine but Chrome fails.

    I've solved the issue adding:

    For the first raddock:
    <div style="width: 25%; float: left;">

    Second raddock:
    <div style="float: right; width: 75%">

    Regards
    Jose
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017