Styling the Range Selector
Send Feedback

Glossary Item Box

Topic Overview

Purpose

This topic provides an introductory overview of styling the IGRangeSelectorView™ control.

In this topic

This topic contains the following sections:


Introduction

Styling summary

The IGRangeSelectorView is made up of several views that are exposed as properties. These exposed properties allow you to style the control elements to your requirements.

  • contentView - The UIView, displays as the body of the IGRangeSelector in order to provide the scale meaning
  • minimumThumbView - The UIView, used as the smallest thumb
  • maximumThumbView - The UIView, used as the biggest thumb
  • minMaxThumbSize - The width of the thumbs when in horizontal orientation, and the height of the thumbs when in vertical orientation
  • shadeColor - The UIView area on the control that is behind the thumbs
  • thumbView - The UIView area between the two thumbs

Styling properties

The following table illustrates the various styling properties available and previews each.

Property

Preview

contentView

Shown as the chart displayed in the preview image.

minimumThumbView

Shown as the orange UIView.

maximumThumbView

Shown as the orange UIView.

minMaxThumbSize

N/A

shadeColor

Shown as the translucent orange UIView.

thumbView

Shown as the translucent orange UIView.



Related Content

Topics

The following topic provides additional information related to this topic.

Topic

Purpose

The topics in this group cover enabling, configuring, and using the IGRangeSelectorView control’s supported features.