Top 5 features of .NET MAUI Range Selector

[{"selector":"#anim-4e2b5518-5fd9-486c-a022-620711828351","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-fa593a27-33cb-419d-bccd-413d068ca698","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-03d28be8-3763-4efc-860e-d3b9d54c1d31","keyframes":{"transform":["translate3d(-237.17946%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ec82e624-1cc3-4373-a0b8-98f572ce3557","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a7a9b42f-fdd3-4a91-8d0a-e58e2a993857","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-38d2545f-6bf8-46b0-8761-3107a675a582","keyframes":{"transform":["translate3d(-237.17946%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fe7aa1b9-4b88-4ad4-98b6-e7ae0a042c06","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a517977d-ef1c-40dd-8f4b-18703c46fc8e","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-7dda6276-dd1b-412c-b3d5-201c9269178f","keyframes":{"transform":["translate3d(-237.17946%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6ae9d13d-ffc7-4848-aa2e-c8b79b362127","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a000c761-14da-4919-8cb3-be3ed86544f6","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-b6b6e901-d3aa-49eb-a0cf-ab9d576626ed","keyframes":{"transform":["translate3d(-237.17946%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-860a34fe-fcfa-4350-a00a-529838278800","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1f051f60-52ea-4965-b802-b4f02f61dd3f","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-a180f7c8-a2e5-4dd6-8150-6688af4cff86","keyframes":{"transform":["translate3d(-237.17946%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-afaaf1c8-21bf-4573-9023-bf04ccdbd838","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f4a47639-c335-4e29-812f-ed0c04b860b9","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] The .NET MAUI Range Selector control’s five standout features Content Ticks Dividers Labels Tooltips

Content

[{"selector":"#anim-1b269313-4fbd-43c3-8ecb-2233f76a2827","keyframes":{"transform":["translate3d(-123.04147%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c694f40b-59ea-4e76-9ed5-44011740a76c","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e3bea4ab-b5ee-4203-a38d-457d5c8b924f","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-9910200a-18e4-4bb2-8514-873b83000618","keyframes":{"transform":["translate3d(-117.36111%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-602cc621-419b-4662-9e27-8636b771e27d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-89e135eb-7051-4a50-9b65-c7c0f6a59c3b","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] Enhance your content with any MAUI control. The Range Selector can manage functions such as segment selection and chart zooming based on the specified range.

Ticks

[{"selector":"#anim-55cbb8be-5258-4b7f-9601-7322ec81e34e","keyframes":{"transform":["translate3d(-116.44736%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3f60a53d-60c8-46f4-be34-1c9429b016a5","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4572cc70-1c87-480f-929c-113e21d6fabd","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-a461d122-0d28-4ae7-8774-e4050be71923","keyframes":{"transform":["translate3d(-117.36111%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-dc195380-5ff0-4376-9051-8f0d5980ad9f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0006c178-e88b-419c-872b-d15c9ecec1ef","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] Arrange both major and minor ticks on the track. Major ticks show the intervals clearly and minor ticks helps users to choose values between two intervals.

Dividers

[{"selector":"#anim-28794e65-0045-4338-b237-07eed97d588f","keyframes":{"transform":["translate3d(-116.44736%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2bfb0caf-b003-4530-844e-6570ca65901f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b2c20b2f-f3ed-406e-b3a2-5d29876ba6c6","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-1d33d11c-75a6-44c4-9008-fcaf8c0b7520","keyframes":{"transform":["translate3d(-117.36111%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-640fc47a-eca6-4cac-b8ce-e5f5fd2f084b","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-aa0e7f2e-bd07-49cf-8bf1-647e60e3ceab","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] Render dividers in each interval to show the values more precisely. You can customize the size and appearance of the dividers.

Labels

[{"selector":"#anim-d4be153b-9ca7-438f-bbe7-cf95bfc19594","keyframes":{"transform":["translate3d(-116.44736%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-10065a82-95e7-40bb-ba7e-60985404dbac","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-af061509-8c15-4f51-bdd7-2d300d45e7f9","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-b2f8fffd-cb76-4508-bb4a-33138b839032","keyframes":{"transform":["translate3d(-117.24138%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ccb2254d-c439-4c0f-b9b1-87d92ef156e7","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2947409c-3dbb-495a-9a30-2fd9d11a70b5","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] Customize the labels easily by changing their format, rendering them at specific intervals, and adding prefixes and suffixes.

Tooltips

[{"selector":"#anim-5b86ef01-d332-4959-8832-28068e171de0","keyframes":{"transform":["translate3d(-116.44736%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-955256ed-59a6-4d35-b206-9ac494ccf86a","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-aa3a7cb2-5e15-4dfc-8bb3-eeab4b41dd1d","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-75890a1a-81ee-4873-a9cb-30f564d5e93e","keyframes":{"transform":["translate3d(-117.54386%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0ef6efaf-a8cd-4708-9b2b-9eb18478edc1","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-01683037-d9f1-4e3a-ac8d-0bd6670868a2","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] Integrate tooltips to offer more information about the current selection. You can customize the tooltip's appearance, content, and when it appears.

Syncfusion .NET MAUI Range Selector

[{"selector":"#anim-d08fc4bb-12c5-46e8-85be-da1cd19f0ca1","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.5)","offset":0.33},{"transform":"scale(0.95)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":1,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":1}] The .NET MAUI Range Selector is a highly interactive UI control, allowing users to select a range value within a minimum and maximum limit. It provides rich features, such as content, scales, labels, ticks, dividers, and tooltips. No credit card required.