• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Theme Selection
Mode Selection
*Translated by Google Translator.

Example of Cloud Pricing in ASP.NET MVC Range Slider Control

This sample demonstrate the cloud pricing slider which is used to calculate the cloud costs by considering Web Hosting, VPS Hosting, Cloud Server providers. Drag the thumb over the bar for selecting Processor, Memory and Storage.

Each core included minimum 2.26 GHz power
Equal to burstable memory included
1000 GB bandwidth per month, at 100 Mbit/s uplink port
Size Range
Estimated Price
$ /month

This sample calculates the cloud cost based on number of workloads, complexity of workloads, system and monitoring requirements which is used under cloud operation.

In this demo, we have used default rendering of slider for selecting Processor, Memory and Storage. The estimated price for the selection will appear on the left pane.

We can avail 25% offer for annual pack. This can be applied by checking the checkbox from the left pane.

By default, cPanel will be included in the monthly pack. If you don't want, check the checkbox from the left pane which will reduce $10 from the estimated price..

We can also select different range of pack from the left pane toolbar which will have default configuration based on the range size.

After choosing your pack, confirm it by clicking sign up button which will show your selected package detail in a dialog box.

Transform your ASP.NET MVC web apps today with Syncfusion ASP.NET MVC components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing