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

Safari support

6 Answers 104 Views

Grid

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

6 Answers, 1 is accepted

answered on 06 Apr 2010, 12:14 PM

Hi Ray,

Yes, RadControls for ASP.NET AJAX support Safari:

http://www.telerik.com/products/aspnet-ajax/resources/browser-support.aspx

There is one known issue in Safari with filtering controls (date/time pickers) - they cannot have width in percent and you have to set pixel width by using the FilterControlWidth property of the respective RadGrid column.

If you have a different problem, please provide some more information.

Regards,
Dimo
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

answered on 09 Apr 2010, 07:12 AM

Hello Ray,

As I said in the support thread that you have opened, your markup works in Safari on my side. Here is my test page and a screenshot. Let me know what to change, so that I achieve the layout that you are seeing.

RadGrid in Safari - screenshot

<%@ Page Language="VB" %>

<%@ Import Namespace="System.Data" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<script runat="server">

Protected Sub RadGrid_NeedDataSource(ByVal sender As Object, ByVal e As GridNeedDataSourceEventArgs) Handles DataGridReport.NeedDataSource

Dim dt As New DataTable()

Dim dr As DataRow

Dim rowsNum As Integer = 10

Dim colsInfo As String()() = {New String() {"SecurityTypeName", "string"}, New String() {"SecurityName", "string"}, New String() {"Symbol", "string"}, New String() {"MktPrice", "number"}, New String() {"PriceDate", "number"}, New String() {"quantity", "number"}, New String() {"AvShareCost", "number"}, New String() {"HoldingShareCost", "number"}, New String() {"MarketValue", "number"}, New String() {"MktValuePercent", "number"}, New String() {"AmountReturn", "number"}, New String() {"IncomeAmount", "number"}, New String() {"CurrentYield", "number"}}

For i As Integer = 0 To colsInfo.Length - 1

Select Case colsInfo(i)(1)

Case "string"

dt.Columns.Add(New DataColumn(colsInfo(i)(0), GetType(String)))

Exit Select

Case "number"

dt.Columns.Add(New DataColumn(colsInfo(i)(0), GetType(Integer)))

Exit Select

Case "date"

dt.Columns.Add(New DataColumn(colsInfo(i)(0), GetType(Date)))

Exit Select

Case "bool"

dt.Columns.Add(New DataColumn(colsInfo(i)(0), GetType(Boolean)))

Exit Select

End Select

Next

For j As Integer = 1 To rowsNum

dr = dt.NewRow()

For k As Integer = 0 To colsInfo.Length - 1

Select Case colsInfo(k)(1)

Case "string"

dr(colsInfo(k)(0)) = [String].Format("{0} Row{1}", colsInfo(k)(0), j)

Exit Select

Case "number"

dr(colsInfo(k)(0)) = j

Exit Select

Case "date"

dr(colsInfo(k)(0)) = DateTime.Now.ToShortDateString()

Exit Select

Case "bool"

If j Mod 2 = 1 Then

dr(colsInfo(k)(0)) = "true"

Else

dr(colsInfo(k)(0)) = "false"

End If

Exit Select

Case Else

Exit Select

End Select

Next

dt.Rows.Add(dr)

Next

TryCast(sender, RadGrid).DataSource = dt

End Sub

</script>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" runat="server">

<meta http-equiv="content-type" content="text/html;charset=utf-8" />

<title>RadControls</title>

</head>

<body>

<form id="form1" runat="server">

<asp:ScriptManager ID="ScriptManager1" runat="server" />

<telerik:RadGrid ID="DataGridReport" runat="server" CssClass="gridView" ShowGroupPanel="True"

AllowMultiRowSelection="True" AutoGenerateColumns="False" AllowSorting="True"

PageSize="20" AllowPaging="True" Caption="Portfolio-Valuation" CaptionAlign="Left"

ShowFooter="True" Width="100%" GridLines="None">

<MasterTableView GroupLoadMode="Client" Caption="Portfolio-Valuation" ShowGroupFooter="True"

Width="100%">

<GroupByExpressions>

<telerik:GridGroupByExpression>

<SelectFields>

<telerik:GridGroupByField FieldAlias="SecurityType" FieldName="SecurityTypeName"

HeaderValueSeparator=" : "></telerik:GridGroupByField>

</SelectFields>

<GroupByFields>

<telerik:GridGroupByField FieldName="SecurityTypeName" FieldAlias="SecurityTypeName">

</telerik:GridGroupByField>

</GroupByFields>

</telerik:GridGroupByExpression>

</GroupByExpressions>

<Columns>

<telerik:GridBoundColumn SortExpression="SecurityTypeName" HeaderText="SecurityTypeName"

HeaderButtonType="TextButton" Visible="False" DataField="SecurityTypeName" UniqueName="SecurityTypeName">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="Security" SortExpression="SecurityName" UniqueName="SecurityName">

<FooterTemplate>

<asp:Label ID="FTSecurity" runat="server" Text="Totals" />

</FooterTemplate>

<ItemTemplate>

<asp:HyperLink ID="LinkDetail" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.SecurityName") %>'/>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Symbol" SortExpression="Symbol" UniqueName="Symbol">

<ItemTemplate>

<asp:HyperLink ID="LinkReport" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Symbol") %>' />

<asp:HyperLink ID="LinkChart" runat="server" Visible="false" ImageUrl="../images/small/allreports.gif" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="MktPrice" HeaderText="Mkt. Price" DataFormatString="{0:c2}"

UniqueName="MktPrice">

<ItemStyle HorizontalAlign="Right" Wrap="False"></ItemStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="PriceDate" HeaderText="@ date" DataFormatString="{0: dd MMM yyyy}"

UniqueName="PriceDate">

<ItemStyle Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"

Font-Underline="False" HorizontalAlign="Right" Wrap="False" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="quantity" HeaderText="Qty" DataFormatString="{0:n0}"

UniqueName="quantity">

<ItemStyle HorizontalAlign="Right"></ItemStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="AvShareCost" HeaderText="Unit Cost" DataFormatString="{0:c2}"

UniqueName="AvShareCost">

<ItemStyle HorizontalAlign="Right" Wrap="False"></ItemStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="HoldingShareCost" HeaderText="Holding Cost" SortExpression="HoldingShareCost"

DataFormatString="{0:c2}" UniqueName="HoldingShareCost" Aggregate="Sum">

<ItemStyle HorizontalAlign="Right" Wrap="False"></ItemStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="MarketValue" HeaderText="Market Value" SortExpression="MarketValue"

DataFormatString="{0:c2}" UniqueName="MarketValue" Aggregate="Sum">

<ItemStyle HorizontalAlign="Right" Wrap="False"></ItemStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="%Mkt Value" DataField="MktValuePercent" DataFormatString="{0:P2}"

SortExpression="MktValuePercent" UniqueName="MktValuePercent" Aggregate="Sum">

<ItemStyle HorizontalAlign="Right" Wrap="False" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Gain/Loss" DataField="AmountReturn" DataFormatString="{0:c2}"

SortExpression="AmountReturn" UniqueName="AmountReturn" Aggregate="Sum">

<ItemStyle HorizontalAlign="Right" Wrap="False" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Est Income" DataField="IncomeAmount" DataFormatString="{0:c2}"

SortExpression="IncomeAmount" UniqueName="IncomeAmount" Aggregate="Sum">

<ItemStyle HorizontalAlign="Right" Wrap="False" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="CurrentYield" DataFormatString="{0:p1}" HeaderText="Est Yield"

SortExpression="CurrentYield" UniqueName="CurrentYield">

<ItemStyle HorizontalAlign="Right" Wrap="False" />

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="Trade" UniqueName="TemplateColumn6">

<ItemTemplate>

<asp:HyperLink runat="server" Text="Buy" ID="LinkButtonBuy" ToolTip="Create new Buy Order" />

<asp:HyperLink runat="server" Text="Sell" ID="LinkButtonSell" ToolTip="Create new Sell Order" />

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

<ClientSettings ReorderColumnsOnClient="True" AllowDragToGroup="True" AllowColumnsReorder="True">

</ClientSettings>

<FooterStyle Wrap="False" />

</telerik:RadGrid>

</form>

</body>

</html>

Regards,
Dimo
the Telerik team

answered on 11 Apr 2010, 10:26 PM

Mmm.

a) you have changed the code, this produces the bleed problem shown in your snap..
b) this does NOT match the IE screen snap supplied to you..
So not sure what this post is about?

Anyway as stated when I closed the support incident, after no usable assitance..
You suggestion to Change all columns to fixed with etc..

The problem was fixed by overriding your produced code for Safari using a local css, this not what support for a browser means, but at least I can move forward.. I.e by messing with the css style sheet I can format both IE and Safari to behave and produce the required result.. I still have not totally fixed your general Grid bleed problem ( i.e internal rows flow over the bounday of the grid container)..