WEB DEVELOPER SITE
TUTORIALS HTMLCSSJAVASCRIPTSQLPHPBOOTSTRAPJQUERYANGULARXML


 

Ionic - JavaScript Slide Box


A Slide box contains pages which can be changed by swiping the substance screen.

Using Slide Box

The utilization of the slide box is simple. you just must be constrained to include particle slide-box as an instrumentation and particle slide with box class inside that instrumentation. we tend to ar coming to add tallness and fringe to our containers for higher perceivability.

HTML Code

<ion-slide-box> 

<ion-slide> 

<div class = "box box1"> 

<h1>Box 1</h1> 

</div> 

</particle slide> 

<ion-slide> 

<div class = "box box2"> 

<h1>Box 2</h1> 

</div> 

</particle slide> 

<ion-slide> 

<div class = "box box3"> 

<h1>Box 3</h1> 

</div> 

</particle slide> 

</particle slide-box> 

.box1, box2, box3 { 

stature: 300px; 

fringe: 2px strong blue; 

}