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

Google Chrome display problems

6 Answers 319 Views

Dock

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

Derek asked on 05 Feb 2010, 03:36 PM

firefox.jpg

chrome.jpg

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.

6 Answers, 1 is accepted

answered on 10 Feb 2010, 11:29 AM

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.

answered on 10 Aug 2011, 09:31 AM

Chrome.png

IE9.png

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

answered on 17 Aug 2011, 07:10 PM

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.

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Google Chrome display problems

6 Answers, 1 is accepted