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

[Solved] SkinsPath?

15 Answers 461 Views

Grid

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

15 Answers, 1 is accepted

answered on 19 Dec 2007, 12:59 PM

Hi LFA,

Thank you for contacting us.

You need to refer the .css of the respective skin within the head tag as demonstrated for example here:

http://www.telerik.com/demos/aspnet/prometheus/Calendar/Examples/Design/CustomHeaderAndFooter/DefaultCS.aspx

More details can be found in Prometheus documentation here.

Indeed, you are right -- the wrong description will be fixed immediately. I have also updated your Telerik points for bringing that to us, thank you!

Best wishes,
Konstantin Petkov
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

answered on 22 Dec 2007, 11:49 AM

Thanks I got the css working but I can't make it use the images inside my my folder. It always uses the ones in WebResource.axd.

I followed these instructions:
http://www.telerik.com/help/radcontrols/prometheus/HowSkinsWork.html
I set EnableEmbeddedSkins=false. I created a skin named Default. I placed the css in /Skins/Default/Grid.Default.css
I copied the images from one of the default skins and placed them in /Skins/Default/Grid
In my master page head I added
<link href="/Skins/Default/Grid.Default.css" rel="stylesheet" type="text/css" />

When I view the html source all the grid images still use WebResource.axd. In the previous rad controls all I did was set the skins path and it automatically used those images. In your calendar example I see you set each image manually in the aspx.

Another problem I see is that the images are not loaded from WebResource.axd if the skin is not named like one of the default skins. For example with my skin named "Default" the images are loaded correctly. If I rename that skin to "MySkin" they don't show anymore. I view the html source and copied the url from the image tag and pasted it in my browser. I got an error saying the resource was not found.

answered on 20 May 2008, 07:09 AM

Hi Blaine,

Do you use advanced binding through the NeedDataSource event or data source control as shown in these demos:

http://www.telerik.com/DEMOS/ASPNET/Prometheus/Grid/Examples/Programming/NeedDataSource/DefaultCS.aspx
http://www.telerik.com/DEMOS/ASPNET/Prometheus/Grid/Examples/DataEditing/AllEditableColumns/DefaultCS.aspx

This should ensure that operations like sorting/paging/data editing/etc. will function as expected without any additional coding.

In case you disabled the embedded skin for the control (EnableEmbeddedSkins = false), set the ImagesPath property to point to your custom images that should be displayed in the grid table. More info on the matter you can gather from this resource.

Best regards,
Stephen
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

answered on 20 May 2008, 08:25 AM

Hi Blaine,

Can you please verify that you are using the latest hotfix Q1 2008 SP1 of RadControls for ASP.NET AJAX (2008.1.515)? In addition, if you use the NET 3.5 build of the assembly, can you please check whether the issue with the filtering feature is eliminated when you set EnableLinqExpressions = false for the grid?

If the source of the problems seems to be elsewhere, please isolate a stripped working version of your project and send it enclosed to a formal support ticket. I will test it locally and will get back to you with more info on the subject.

Best regards,
Stephen
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

answered on 20 May 2008, 09:33 AM

Hi Stephen

Herewith code ;

<%@ Control Language="VB" ClassName="Domestic" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<script runat="server">

    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs)

    End Sub

    Protected Sub RadGrid1_NeedDataSource(ByVal source As Object, ByVal e As Telerik.Web.UI.GridNeedDataSourceEventArgs)

    End Sub

    Protected Sub RadGrid1_SelectedIndexChanged(ByVal sender As Object, ByVal e As System.EventArgs)




    End Sub
</script>
<table>
    <tr>
        <td style="width: 133px; height: 3px;">
            <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" Skin="Office2007" />
            <asp:RadioButton ID="rbd2d" runat="server" Text="Door to Door" Width="224px" Height="32px" Checked="True" /></td>
    </tr>
</table>
<div style="text-align: left">
    <table>
        <tr>
            <td style="width: 367px">
                <telerik:RadGrid ID="grdPostal" runat="server" DataSourceID="SqlDataSource1" GridLines="None" AllowFilteringByColumn="True" AllowPaging="True" AllowSorting="True" OnNeedDataSource="RadGrid1_NeedDataSource" Skin="Office2007" OnSelectedIndexChanged="RadGrid1_SelectedIndexChanged">
                    <MasterTableView DataSourceID="SqlDataSource1">
                        <RowIndicatorColumn Visible="False">
                            <HeaderStyle Width="20px" />
                        </RowIndicatorColumn>
                        <ExpandCollapseColumn Resizable="False" Visible="False">
                            <HeaderStyle Width="20px" />
                        </ExpandCollapseColumn>
                        <EditFormSettings>
                            <PopUpSettings ScrollBars="None" />
                        </EditFormSettings>
                    </MasterTableView>
                    <ClientSettings>
                        <Selecting AllowRowSelect="True" />
                        <ClientEvents OnRowSelected="RowSelected" />
                    </ClientSettings>
                </telerik:RadGrid></td>
        </tr>
    </table>
</div>
<table border="0" style="border-right: thin solid; border-top: thin solid; font-weight: normal; font-size: 10px; text-transform: uppercase; border-left: thin solid; color: white; border-bottom: thin solid; font-family: Tahoma; background-color: #2461bf" width="480">
    <tr>
        <td style="width: 100px; height: 22px;">
             <asp:Label ID="lblTown" runat="server" Font-Bold="True" Font-Names="Tahoma" Font-Size="XX-Small"></asp:Label></td>
        <td style="width: 100px; height: 22px;">
            <asp:Label ID="lblSuburb" runat="server" Font-Bold="True" Font-Names="Tahoma" Font-Size="XX-Small"></asp:Label></td>
        <td style="width: 210px; height: 22px;">
            <asp:Label ID="lblPostal" runat="server" Font-Bold="True" Font-Names="Tahoma"
                Font-Size="XX-Small"></asp:Label></td>
    </tr>
</table>
<p>
     </p>
<p>
     
        
    <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:SiteSqlServer %>"
        ProviderName="System.Data.SqlClient" SelectCommand="SELECT Suburb, PostalCode, StreetCode, Town FROM ParcelPal_PCodes">
    </asp:SqlDataSource>
          
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
    </telerik:RadScriptManager>
</p>
             

---> The above code only filters the first column and is not derived from a fixed stored procedure but a standard query

answered on 20 May 2008, 11:34 AM

Ive narrowed the problem down to letting the telerik control add the data source instead adding it to the page manually. This puts the sqldatasource into the same table tag as the grid (if this makes a difference?)

Ive also noticed that the accuracy on the filter re numbers isnt good ie search for 2100 Equals To doesnt work but Contains does . (If this has something to do with field spaces am not sure.

Also the actual icons for the filter buttons and change page buttons only render when one changes the page by "guessing" where the change button "might" appear... briefly then disappear.

The grid is a default layout that ive inserted without any bells and whistles so not sure what the rendering issue is.

Have tested with IE7 and Firefox ... Same issue.

I might have to email you the ascx and you can drop it into any page you want?? ( oh yeah the grid is on an ascx control page)