Slider

Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.

Basic


Use @Html.Nettex().Slider(Action[SliderBuilder] action) method to create a slider

@(Html.Nettex().Slider(slider => {
    slider.Add().Image("/Content/img/thumb/1.jpg");
    slider.Add().Image("/Content/img/thumb/2.jpg");
    slider.Add().Image("/Content/img/thumb/3.jpg");
}))
                        

Autoplay

Use .Autoplay()

@(Html.Nettex().Slider(slider => {
    slider.Add().Image("/Content/img/thumb/1.jpg");
    slider.Add().Image("/Content/img/thumb/2.jpg");
    slider.Add().Image("/Content/img/thumb/3.jpg");
    slider.Autoplay();
}))
                        

Autoplay Speed

Use .Autoplay(int autoplaySpeed)

@(Html.Nettex().Slider(slider => {
    slider.Add().Image("/Content/img/thumb/1.jpg");
    slider.Add().Image("/Content/img/thumb/2.jpg");
    slider.Add().Image("/Content/img/thumb/3.jpg");
    slider.Autoplay(500);
}))
                        

Arrows


use .Arrows() method to set arrows

@(Html.Nettex().Slider(slider => {
    slider.Add().Image("/Content/img/thumb/1.jpg");
    slider.Add().Image("/Content/img/thumb/2.jpg");
    slider.Add().Image("/Content/img/thumb/3.jpg");
    slider.Arrows();
}))
                        

Circle light

Use .Arrows(SliderArrowsType.CircleLight)

@(Html.Nettex().Slider(slider => {
    slider.Add().Image("/Content/img/thumb/1.jpg");
    slider.Add().Image("/Content/img/thumb/2.jpg");
    slider.Add().Image("/Content/img/thumb/3.jpg");
    slider.Arrows(SliderArrowsType.CircleLight);
}))
                        

Circle dark

Use .Arrows(SliderArrowsType.CircleDark)

@(Html.Nettex().Slider(slider => {
    slider.Add().Image("/Content/img/thumb/1.jpg");
    slider.Add().Image("/Content/img/thumb/2.jpg");
    slider.Add().Image("/Content/img/thumb/3.jpg");
    slider.Arrows(SliderArrowsType.CircleDark);
}))
                        

Flash Light

Use .Arrows(SliderArrowsType.FlashLight)

@(Html.Nettex().Slider(slider => {
    slider.Add().Image("/Content/img/thumb/1.jpg");
    slider.Add().Image("/Content/img/thumb/2.jpg");
    slider.Add().Image("/Content/img/thumb/3.jpg");
    slider.Arrows(SliderArrowsType.FlashLight);
}))
                        

Flash Dark

Use .Arrows(SliderArrowsType.FlashDark)

@(Html.Nettex().Slider(slider => {
    slider.Add().Image("/Content/img/thumb/1.jpg");
    slider.Add().Image("/Content/img/thumb/2.jpg");
    slider.Add().Image("/Content/img/thumb/3.jpg");
    slider.Arrows(SliderArrowsType.FlashDark);
}))
                        

Dots


use .Dots() method to set arrows

@(Html.Nettex().Slider(slider => {
    slider.Add().Image("/Content/img/thumb/1.jpg");
    slider.Add().Image("/Content/img/thumb/2.jpg");
    slider.Add().Image("/Content/img/thumb/3.jpg");
    slider.Dots();
}))
                        

Methods

Alerts are available for any length of text, as well as an optional dismiss button

Method Description

.Method(bool value)

Comming soon.