# Customizing the User Interface Images Learn how to customize user interface images in Spread.NET with this comprehensive guide. Find out how to replace default images for various parts of the user interface using the GetImage and SetImage methods. ## Content You can customize various images in the user interface by selecting your own custom images and applying them to replace default images. The parts of the user interface that you can customize are: * Hierarchy (expanding and collapsing) icons * Filtering indicators * Sorting indicators * Row selector ![Hierarchy Icons](https://cdn.mescius.io/document-site-files/images/2238e618-a1fb-45a6-9ce5-9a4157bd2931/images/hierarchy-icons.png) ![Sort and Filter Indicators](https://cdn.mescius.io/document-site-files/images/2238e618-a1fb-45a6-9ce5-9a4157bd2931/images/indicators-sortfilter.png) To determine the images for these parts of the user interface, use the [GetImage](/spreadnet/api/latest/online-win/FarPoint.Win.Spread/FarPoint.Win.Spread.SpreadView.GetImage.html) and [SetImage](/spreadnet/api/latest/online-win/FarPoint.Win.Spread/FarPoint.Win.Spread.SpreadView.SetImage.html) methods in the [SpreadView](/spreadnet/api/latest/online-win/FarPoint.Win.Spread/FarPoint.Win.Spread.SpreadView.html) class. The various fields of the [SpreadView](/spreadnet/api/latest/online-win/FarPoint.Win.Spread/FarPoint.Win.Spread.SpreadView.html) class allow you to specify to which part of the interface the graphic image is assigned. These images can be set at run time only, not at design time. For an example of these methods refer to the examples given for the individual fields: * [CollapseImage](/spreadnet/api/latest/online-win/FarPoint.Win.Spread/FarPoint.Win.Spread.SpreadView.CollapseImage.html) * [CollapseImageDisabled](/spreadnet/api/latest/online-win/FarPoint.Win.Spread/FarPoint.Win.Spread.SpreadView.CollapseImageDisabled.html) * [ExpandImage](/spreadnet/api/latest/online-win/FarPoint.Win.Spread/FarPoint.Win.Spread.SpreadView.ExpandImage.html) * [ExpandImageDisabled](/spreadnet/api/latest/online-win/FarPoint.Win.Spread/FarPoint.Win.Spread.SpreadView.ExpandImageDisabled.html) * [FilterActive](/spreadnet/api/latest/online-win/FarPoint.Win.Spread/FarPoint.Win.Spread.SpreadView.FilterActive.html) * [FilterActiveDisabled](/spreadnet/api/latest/online-win/FarPoint.Win.Spread/FarPoint.Win.Spread.SpreadView.FilterActiveDisabled.html) * [FilterBarFilterActive](/spreadnet/api/latest/online-win/FarPoint.Win.Spread/FarPoint.Win.Spread.SpreadView.FilterBarFilterActive.html) * [FilterBarFilterDateTime](/spreadnet/api/latest/online-win/FarPoint.Win.Spread/FarPoint.Win.Spread.SpreadView.FilterBarFilterDateTime.html) * [FilterBarFilterInactive](/spreadnet/api/latest/online-win/FarPoint.Win.Spread/FarPoint.Win.Spread.SpreadView.FilterBarFilterInactive.html) * [FilterInactive](/spreadnet/api/latest/online-win/FarPoint.Win.Spread/FarPoint.Win.Spread.SpreadView.FilterInactive.html) * [FilterInactiveDisabled](/spreadnet/api/latest/online-win/FarPoint.Win.Spread/FarPoint.Win.Spread.SpreadView.FilterInactiveDisabled.html) * [RowSelectorImage](/spreadnet/api/latest/online-win/FarPoint.Win.Spread/FarPoint.Win.Spread.SpreadView.RowSelectorImage.html) * [RowSelectorImageDisabled](/spreadnet/api/latest/online-win/FarPoint.Win.Spread/FarPoint.Win.Spread.SpreadView.RowSelectorImageDisabled.html) * [SortAscendingImage](/spreadnet/api/latest/online-win/FarPoint.Win.Spread/FarPoint.Win.Spread.SpreadView.SortAscendingImage.html) * [SortAscendingImageDisabled](/spreadnet/api/latest/online-win/FarPoint.Win.Spread/FarPoint.Win.Spread.SpreadView.SortAscendingImageDisabled.html) * [SortDescendingImage](/spreadnet/api/latest/online-win/FarPoint.Win.Spread/FarPoint.Win.Spread.SpreadView.SortDescendingImage.html) * [SortDescendingImageDisabled](/spreadnet/api/latest/online-win/FarPoint.Win.Spread/FarPoint.Win.Spread.SpreadView.SortDescendingImageDisabled.html) * [SortUnsortedImage](/spreadnet/api/latest/online-win/FarPoint.Win.Spread/FarPoint.Win.Spread.SpreadView.SortUnsortedImage.html) * [SortUnsortedImageDisabled](/spreadnet/api/latest/online-win/FarPoint.Win.Spread/FarPoint.Win.Spread.SpreadView.SortUnsortedImageDisabled.html) To reset an image back to a Spread default image, simply set the image value to null in the [SetImage](/spreadnet/api/latest/online-win/FarPoint.Win.Spread/FarPoint.Win.Spread.SpreadView.SetImage.html) method. Another way to set the images for the filtering and sorting indicators, is to override the [PaintFilterIndicator](/spreadnet/api/latest/online-win/FarPoint.Win.Spread/FarPoint.Win.Spread.CellType.ColumnHeaderRenderer.PaintFilterIndicator.html) and [PaintSortIndicator](/spreadnet/api/latest/online-win/FarPoint.Win.Spread/FarPoint.Win.Spread.CellType.ColumnHeaderRenderer.PaintSortIndicator.html) methods in the **CellType** [ColumnHeaderRenderer](/spreadnet/api/latest/online-win/FarPoint.Win.Spread/FarPoint.Win.Spread.CellType.ColumnHeaderRenderer.html) class. For more information, refer to: * [Setting the Appearance of Filter Indicators](/spreadnet/docs/latest/online-win/overview/spwin-devguide/spwin-interact-rowcol/spwin-filtering/spwin-filter-customindicator) * [Setting the Appearance of Sort Indicators](/spreadnet/docs/latest/online-win/overview/spwin-devguide/spwin-interact-rowcol/spwin-sorting/spwin-sort-indicators) For more information about features, see the following topics: * [Working with Hierarchical Data Display](/spreadnet/docs/latest/online-win/overview/spwin-devguide/spwin-data-binding/spwin-databind-hierarchy) * [Allowing the User to Automatically Sort Rows](/spreadnet/docs/latest/online-win/overview/spwin-devguide/spwin-interact-rowcol/spwin-sorting/spwin-sort-setuser) * [Understanding Simple Row Filtering](/spreadnet/docs/latest/online-win/overview/spwin-devguide/spwin-interact-rowcol/spwin-filtering/spwin-filter-simple/spwin-filter-use) ## See Also [Customizing the Sheet Appearance](/spreadnet/docs/latest/online-win/overview/spwin-devguide/spwin-setappearance) [Customizing the Dimensions of the Component](/spreadnet/docs/latest/online-win/overview/spwin-devguide/spwin-setappearance/spwin-appearcontroldims) [Customizing the Individual Sheet Appearance](/spreadnet/docs/latest/online-win/overview/spwin-devguide/spwin-setappearance/spwin-appearsheet) [Customizing the Appearance of a Cell](/spreadnet/docs/latest/online-win/overview/spwin-devguide/spwin-setappearance/spwin-appearcell) [Customizing the Overall Component Appearance](/spreadnet/docs/latest/online-win/overview/spwin-devguide/spwin-setappearance/spwin-appearcontrol) [Creating and Applying a Style for Cells](/spreadnet/docs/latest/online-win/overview/spwin-devguide/spwin-setappearance/spwin-cellstyle) [Using Conditional Formatting of Cells](/spreadnet/docs/latest/online-win/overview/spwin-devguide/spwin-setappearance/spwin-interact-condition) [Customizing the Display of the Pointer](/spreadnet/docs/latest/online-win/overview/spwin-devguide/spwin-setappearance/spwin-cntrlcursor) [Using XP Themes with the Component](/spreadnet/docs/latest/online-win/overview/spwin-devguide/spwin-setappearance/spwin-appearxptheme) [Customizing the Renderers](/spreadnet/docs/latest/online-win/overview/spwin-devguide/spwin-setappearance/spwin-rendcustom) [Handling Right-to-Left Layouts](/spreadnet/docs/latest/online-win/overview/spwin-devguide/spwin-setappearance/spwin-rtlsupport) [Customizing Painting of Parts of the Component](/spreadnet/docs/latest/online-win/overview/spwin-devguide/spwin-setappearance/spwin-appear-painting) [Text Rendering with GDI](/spreadnet/docs/latest/online-win/overview/spwin-devguide/spwin-setappearance/spwin-feattextrender) [Applying Theme to Customize the Appearance](/spreadnet/docs/latest/online-win/overview/spwin-devguide/spwin-setappearance/spwin-spreadthemeapply)