From the course: Building a Mobile App with AngularJS 1 and Ionic

Unlock this course with a free trial

Join today to access over 22,400 courses taught by industry experts.

Using special form elements

Using special form elements

- We've covered just about every form element you can use with Ionic, but there's a couple that we haven't looked at and they are ranges and select popups. You might be familiar with popups. You probably haven't used ranges as much. One of the nice things about Ionic is that it makes the ranges look really good. So we'll go ahead and delete this section right here with the checkboxes just to make room a little bit for what we're gonna be doing. And we'll leave Awesomeness there. So let's go ahead and code a range. You start off with a div with a class of item, and also range. Inside that you want to have two icons. So there should be an icon on the left of the range and an icon on the right of the range. So I'm gonna start by putting in an input field here, and I'm gonna give it a class of range. Usually, input fields have a name, and I'll call this feeling. You can if you want to also set a minimum and a maximum range. So those are the values that will get passed over to the name…

Contents