<telerik:RadGrid
AutoGenerateColumns="false"
AllowFilteringByColumn="True"
AllowSorting="True"
Width="700px"
ID="RadGrid1"
runat="server"
Skin="Telerik"
OnNeedDataSource="RadGrid1_NeedDataSource"
OnInsertCommand="RadGrid1_InsertCommand"
OnDetailTableDataBind="RadGrid1_DetailTableDataBind"
OnItemCommand="RadGrid1_ItemCommand"
OnDeleteCommand="RadGrid1_DeleteCommand"
OnUpdateCommand="RadGrid1_UpdateCommand"
GridLines="None" AllowPaging="True" PageSize="8" EnableEmbeddedSkins="False"
>
I am trying to modify the Telerik skin. I have finally got the CSS working by MANUALLY adding a reference to the CSS file in my Master Page. Now I have discovered that the background image is not working for the Filter dropdown.
Since I can't upload an image to the forum, here's a link to a screen shot of my grid:
http://tomgilkison.blogspot.com/2008/06/filter-background-not-showing-up-in.html
I have looked through the CSS and found:
/*filtering*/
.GridFilterRow_Telerik
{
background:#f9f9f9;
}
This new way of working with Skins is sooooo painful. I hope it's worth it in the end. I have probably spent a good day troubleshooting WebResource.axd issues. Not fun when the project was due a week ago...
I have placed two RADTextBox controls into my project created custom skin for them based on _Default one. It was skinned and shown properly in summary.
The problem appeared when I placed FormDecorator on the page.
Graphical parts of those element disappeared. RAD input labels elements render correctly and I can see the space for input elements is reserved but no input is possible.
After some tests I discovered that all is caused by RadStyleSheet manager.
When I remove it all starts render corectly.
What could be the couse of it? Could you fix it?
michal
| for (int i = 2; i < this.RadGrid.MasterTableView.AutoGeneratedColumns.Length; i++) | |
| { | |
| GridBoundColumn col = this.RadGrid.MasterTableView.AutoGeneratedColumns[i] as GridBoundColumn; | |
| col.Aggregate = GridAggregateFunction.Sum; | |
| } | |
| <Telerik:RadGrid ID="RadGrid" runat="server" AllowPaging="True" AllowSorting="True" | |
| GridLines="None" Height="500px" OnNeedDataSource="RadGrid_NeedDataSource" ShowFooter="false" | |
| ShowGroupPanel="false" PageSize="50" Width="100%" Visible="false"> | |
| <ClientSettings> | |
| <Scrolling AllowScroll="True" FrozenColumnsCount="2" UseStaticHeaders="True" /> | |
| </ClientSettings> | |
| <MasterTableView ShowGroupFooter="true" GroupLoadMode="Client" TableLayout="Auto"> | |
| <GroupByExpressions> | |
| <Telerik:GridGroupByExpression> | |
| <GroupByFields> | |
| <Telerik:GridGroupByField FieldName="Group" FieldAlias="Group" HeaderText="Group" /> | |
| </GroupByFields> | |
| <SelectFields> | |
| <Telerik:GridGroupByField FieldName="Group" FieldAlias="Group" HeaderText="Group" /> | |
| </SelectFields> | |
| </Telerik:GridGroupByExpression> | |
| </GroupByExpressions> | |
| <RowIndicatorColumn Visible="False"> | |
| <HeaderStyle Width="20px" /> | |
| </RowIndicatorColumn> | |
| <ExpandCollapseColumn Resizable="False" Visible="False"> | |
| <HeaderStyle Width="20px" /> | |
| </ExpandCollapseColumn> | |
| <EditFormSettings> | |
| <PopUpSettings ScrollBars="None" /> | |
| </EditFormSettings> | |
| </MasterTableView> | |
| <HeaderStyle Width="100px" /> | |
| </Telerik:RadGrid> | |
<
telerik:RadToolTipManager ID="RadToolTipManager1"
Width="360" Height="288" Animation="Slide"
Position="MiddleRight" Sticky="true" AutoCloseDelay="1000"
OnAjaxUpdate="OnAjaxUpdate" runat="server">
</telerik:RadToolTipManager>
Here is the .vb code
Protected Sub OnAjaxUpdate(ByVal sender As Object, ByVal args As ToolTipUpdateEventArgs)
Me.UpdateToolTip(args.Value, args.UpdatePanel)
End Sub
Private Sub UpdateToolTip(ByVal contextKey As String, ByVal panel As UpdatePanel)
If contextKey = "" Then Exit Sub
Try
Dim ctrl As Control = Page.LoadControl("~/App_WebUserControls/bpThumbnail.ascx")
Dim bigThumbnail As App_WebUserControls_bpThumbnail = DirectCast(ctrl, App_WebUserControls_bpThumbnail)
bigThumbnail.AltText = contextKey
Finally
End Try
End Sub