David Meier
Top achievements
Rank 1
Rank 1
David Meier
asked on 04 Mar 2010, 10:46 PM
I am using a grid with grouping and have set the default image path to /Skins/Office2007/Grid. All of the images show up except the ones for the grouping in the header SortAsc.gif and SortDesc.gif. How do I set the image paths for these?
| <telerik:RadGrid ID="RadGrid1" runat="server" |
| AllowMultiRowSelection="True" AllowPaging="True" AllowSorting="True" |
| AutoGenerateColumns="False" |
| DataSourceID="SqlDataSourceInbox" GridLines="None" |
| Height="360px" onitemcommand="RadGrid1_ItemCommand" |
| onitemdatabound="RadGrid1_ItemDataBound" |
| onselectedindexchanged="RadGrid1_SelectedIndexChanged" ShowGroupPanel="True" |
| Skin="Office2007" Width="725px" |
| ondeletecommand="RadGrid1_DeleteCommand" ImagesPath="/Skins/Office2007/Grid"> |
| <PagerStyle Mode="NextPrevAndNumeric" FirstPageImageUrl="/Skins/Office2007/Grid\PagingFirst.gif" |
| LastPageImageUrl="/Skins/Office2007/Grid\PagingLast.gif" |
| NextPageImageUrl="/Skins/Office2007/Grid\PagingNext.gif" |
| PrevPageImageUrl="/Skins/Office2007/Grid\PagingPrev.gif" /><mastertableview allowmulticolumnsorting="True" |
| datasourceid="SqlDataSourceInbox" tablelayout="Fixed" width="724px"> |
| <CommandItemSettings AddNewRecordImageUrl="/Skins/Office2007/Grid\AddRecord.gif" |
| ExportToCsvImageUrl="/Skins/Office2007/Grid\ExportToCsv.gif" |
| ExportToExcelImageUrl="/Skins/Office2007/Grid\ExportToExcel.gif" |
| ExportToPdfImageUrl="/Skins/Office2007/Grid\ExportToPdf.gif" |
| ExportToWordImageUrl="/Skins/Office2007/Grid\ExportToWord.gif" |
| RefreshImageUrl="/Skins/Office2007/Grid\Refresh.gif" /> |
| <RowIndicatorColumn FilterImageUrl="/Skins/Office2007/Grid\Filter.gif" |
| SortAscImageUrl="/Skins/Office2007/Grid\SortAsc.gif" |
| SortDescImageUrl="/Skins/Office2007/Grid\SortDesc.gif"> |
| </RowIndicatorColumn> |
| <ExpandCollapseColumn CollapseImageUrl="/Skins/Office2007/Grid\SingleMinus.gif" |
| ExpandImageUrl="/Skins/Office2007/Grid\SinglePlus.gif" |
| FilterImageUrl="/Skins/Office2007/Grid\Filter.gif" |
| SortAscImageUrl="/Skins/Office2007/Grid\SortAsc.gif" |
| SortDescImageUrl="/Skins/Office2007/Grid\SortDesc.gif"> |
| </ExpandCollapseColumn> |
| <Columns> |
| <telerik:GridClientSelectColumn Reorderable="False" |
| UniqueName="ClientSelectColumn"> |
| <HeaderStyle Width="20px" /> |
| </telerik:GridClientSelectColumn> |
| <telerik:GridTemplateColumn Groupable="False" UniqueName="TemplateColumn1"> |
| <HeaderStyle Width="20px" /> |
| <ItemStyle Height="35px" HorizontalAlign="Center" /> |
| <ItemTemplate> |
| <img alt="MailIcon" src="images/MailIcon.gif" |
| style="margin-bottom: 10px; margin-left: 2px" /> |
| </ItemTemplate> |
| </telerik:GridTemplateColumn> |
| <telerik:GridTemplateColumn GroupByExpression="SentBy" |
| HeaderText="From / Subject" SortExpression="SentBy" |
| UniqueName="TemplateColumn2"> |
| <HeaderStyle Width="150px" /> |
| <ItemStyle Height="30px" Width="150px" /> |
| <ItemTemplate> |
| <%# DataBinder.Eval(Container.DataItem, "SentBy") %> |
| <br /> |
| <div class="MailSubject"> |
| <%# DataBinder.Eval(Container.DataItem, "Subject") %> |
| </div> |
| </ItemTemplate> |
| </telerik:GridTemplateColumn> |
| <telerik:GridBoundColumn DataField="ReceivedShort" DataFormatString="{0:d}" |
| HeaderText="Received" SortExpression="Received" UniqueName="ReceivedShort"> |
| <HeaderStyle Width="40px" /> |
| <ItemStyle Width="40px" /> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="AttachmentName" HeaderText="AttachmentName" |
| SortExpression="AttachmentName" UniqueName="AttachmentName"> |
| <HeaderStyle Width="60px" /> |
| <ItemStyle Width="60px" /> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="Message" DefaultInsertValue="" |
| HeaderText="Message" UniqueName="Message" Visible="False"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="AttachmentPath" DefaultInsertValue="" |
| HeaderText="AttachmentPath" SortExpression="AttachmentPath" |
| UniqueName="AttachmentPath" Visible="False"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="AttachmentType" DefaultInsertValue="" |
| HeaderText="AttachmentType" SortExpression="AttachmentType" |
| UniqueName="AttachmentType" Visible="False"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="AttachmentSize" DefaultInsertValue="" |
| GroupByExpression="AttachmentSize" HeaderText="AttachmentSize" |
| UniqueName="AttachmentSize" Visible="False"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="SentBy" DefaultInsertValue="" |
| HeaderText="SentBy" SortExpression="SentBy" UniqueName="SentBy" Visible="False"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="Subject" DefaultInsertValue="" |
| HeaderText="Subject" SortExpression="Subject" UniqueName="Subject" |
| Visible="False"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="SentTo" DefaultInsertValue="" |
| HeaderText="SentTo" SortExpression="SentTo" UniqueName="SentTo" Visible="False"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="Received" DefaultInsertValue="" |
| HeaderText="Received" SortExpression="Received" UniqueName="Received" |
| Visible="False"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="LastRead" DefaultInsertValue="" |
| EmptyDataText="" HeaderText="LastRead" SortExpression="LastRead" |
| UniqueName="LastRead" Visible="False"> |
| </telerik:GridBoundColumn> |
| <telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Delete" |
| ConfirmText="Are you sure you want to delete this email?" |
| HeaderStyle-Width="35px" ImageUrl="/Skins/Office2007/Grid/Delete.gif" |
| Text="Delete" UniqueName="DeleteColumn"> |
| <HeaderStyle Width="35px" /> |
| </telerik:GridButtonColumn> |
| </Columns> |
| <groupbyexpressions> |
| <telerik:GridGroupByExpression> |
| <selectfields> |
| <telerik:GridGroupByField FieldAlias="ReceivedShort" FieldName="ReceivedShort" |
| FormatString="{0:d}" HeaderText="Received" |
| HeaderValueSeparator=" from date: " /></selectfields> |
| <groupbyfields> |
| <telerik:GridGroupByField FieldName="ReceivedShort" FormatString="" |
| HeaderText="Received" SortOrder="Descending" /></groupbyfields></telerik:GridGroupByExpression></groupbyexpressions> |
| <EditFormSettings> |
| <EditColumn CancelImageUrl="/Skins/Office2007/Grid\Cancel.gif" |
| EditImageUrl="/Skins/Office2007/Grid\Edit.gif" |
| FilterImageUrl="/Skins/Office2007/Grid\Filter.gif" |
| InsertImageUrl="/Skins/Office2007/Grid\Update.gif" |
| SortAscImageUrl="/Skins/Office2007/Grid\SortAsc.gif" |
| SortDescImageUrl="/Skins/Office2007/Grid\SortDesc.gif" |
| UpdateImageUrl="/Skins/Office2007/Grid\Update.gif"> |
| </EditColumn> |
| </EditFormSettings> |
| <PagerStyle FirstPageImageUrl="/Skins/Office2007/Grid\PagingFirst.gif" |
| LastPageImageUrl="/Skins/Office2007/Grid\PagingLast.gif" |
| NextPageImageUrl="/Skins/Office2007/Grid\PagingNext.gif" |
| PrevPageImageUrl="/Skins/Office2007/Grid\PagingPrev.gif" /> |
| </mastertableview> |
| <groupingsettings showungroupbutton="True" /> |
| <GroupPanel CssClass="RadGrid_Office2007"> |
| </GroupPanel> |
| <clientsettings allowdragtogroup="True" enablepostbackonrowclick="true"><selecting |
| allowrowselect="True" /><scrolling allowscroll="True" scrollheight="275px" |
| usestaticheaders="True" /> |
| <clientmessages dragtogrouporreorder="Drag to group" /></clientsettings></telerik:RadGrid> |
3 Answers, 1 is accepted
0
Hello David,
The easiest thing to do in such cases is to check the group expand/collapse icons' URLs in the HTML output. They should be
/ Skins / Office2007 / Grid / SingleMinus.gif
/ Skins / Office2007 / Grid / SinglePlus.gif
Do you have these images?
Sincerely yours,
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.
The easiest thing to do in such cases is to check the group expand/collapse icons' URLs in the HTML output. They should be
/ Skins / Office2007 / Grid / SingleMinus.gif
/ Skins / Office2007 / Grid / SinglePlus.gif
Do you have these images?
Sincerely yours,
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.
0
David Meier
Top achievements
Rank 1
Rank 1
answered on 10 Mar 2010, 05:35 PM
I'm talking about the arrows pointing up and down. Your demo "Outlook Grid" has the same functionality in the header. When you click on received the ascending arrow changes to descending and vice versa.
0
Hello David,
The sort images in the group panel items are not influenced by the ImagesPath property. You need to define their appearance with CSS code by using the rgSortAsc and rgSortDesc CSS classes:
div.RadGrid_SkinName .rgGroupPanel rgSortAsc
{
background: ........ ;
}
div.RadGrid_SkinName .rgGroupPanel rgSortDesc
{
background: ........ ;
}
Greetings,
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.
The sort images in the group panel items are not influenced by the ImagesPath property. You need to define their appearance with CSS code by using the rgSortAsc and rgSortDesc CSS classes:
div.RadGrid_SkinName .rgGroupPanel rgSortAsc
{
background: ........ ;
}
div.RadGrid_SkinName .rgGroupPanel rgSortDesc
{
background: ........ ;
}
Greetings,
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.