Safari support

[Ray]

Grid simply messes up with Safari, nothing simular to what we see on IE8..

Have searched this site, but cannot find out if Teleriik support safari or not?
There ar enumerious posts on this forum, but does anyone have a definative reference to support for Safari, before submiting bugs..

Thanks
Ray..

[Dimo]

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.

[Ray]

Thanks for the response..

I have started to feed the broken stuff via a support tickets, as Safari is unusable at this time, works fine with IE..

Will feed back any fixes to this forum so people can track..

Ray..

[Ray]

Ok,
it seem the reality is that Safari is NOT supported..
The identical code works with IE, and is a total mess with Safari..


The support solution is to hack the code until both are a mess.. and respond with we are unable to help!

Hence for Telerik Grid, and 100% width settings, my conclusion is that there is no "support" for Safari, i.e the same code will not produce the same result. And in fact the result is totally unusable..

Regards
Ray..

[Dimo]

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

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.

[Ray]

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)..

[Ray]

In future please do NOT post my proprietry code to general forums when it was supplied in condifence to your support group!!
This is poor form...and unaccepable practice.