Blog Posts

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

Get Started

Blog Post

Use @Html.Vertex().BlogPosts(BlogPostViewName viewName) method to list blog posts.
There are 6 different views BlogPostViewName.Grid, BlogPostViewName.Card2D ... and as you see at below.

Tab title equal to view name.

Cotiza el seguro para tu auto

Cotiza el seguro de vida

// For the 'Grid' view
@Html.Vertex().BlogPosts(BlogPostViewName.Grid)

// For the 'Card2D' view
@Html.Vertex().BlogPosts(BlogPostViewName.Card2D)
                        
// For the 'Card' view
@Html.Vertex().BlogPosts(BlogPostViewName.Card)

// For the 'ListBottomText' view
@Html.Vertex().BlogPosts(BlogPostViewName.ListBottomText)

// For the 'ListRightText' view
@Html.Vertex().BlogPosts(BlogPostViewName.ListRightText)  

Pageable

Use .Pageable(string pageQueryName, int pageSize) method to make pageable.

Cotiza el seguro de vida

// For the 'Grid' view
@Html.Vertex().BlogPosts(BlogPostViewName.Grid).Pageable("grid-page", 2)
                     
// For the 'Card' view
@Html.Vertex().BlogPosts(BlogPostViewName.Card).Pageable("card-page", 2)

// For the 'ListBottomText' view
@Html.Vertex().BlogPosts(BlogPostViewName.ListBottomText).Pageable("list-bottom-text-page", 2)

// For the 'ListRightText' view
@Html.Vertex().BlogPosts(BlogPostViewName.ListRightText).Pageable("list-right-text-page", 2)  

To Slider

Use .ToSlider(Action[SliderBuilder] action) method to make slider.

Grid View

@Html.Vertex().BlogPosts(BlogPostViewName.Grid)
    .ToSlider(slider => {
        slider.SlidesToShow(2);
        slider.Dots();
    }) 
Card View

Cotiza el seguro para tu auto

Cotiza el seguro de vida

Seguro de Vida

Cotiza RC para Médicos


@Html.Vertex().BlogPosts(BlogPostViewName.Card)
    .ToSlider(slider => {
        slider.SlidesToShow(2);
        slider.Dots();
    }) 
ListBottomText View
Cotiza el seguro para tu auto

Cotiza el seguro para tu auto

1
by 1
9/24/2019 10:26:16 PM
Cotiza el seguro de vida

Cotiza el seguro de vida

1
by 1
9/24/2019 10:25:20 PM
Seguro de Vida

Seguro de Vida

1
by 1
9/11/2019 4:11:33 AM
Cotiza RC para Médicos

Cotiza RC para Médicos

1
by 1
8/5/2019 5:59:21 PM

Choose a job you love, and you will never have to work a day in your life.


@Html.Vertex().BlogPosts(BlogPostViewName.ListBottomText)
    .ToSlider(slider => {
        slider.SlidesToShow(2);
        slider.Dots();
    }) 
ListRightText View

@Html.Vertex().BlogPosts(BlogPostViewName.ListRightText)
    .ToSlider(slider => {
        slider.SlidesToShow(2);
        slider.Dots();
    }) 
PostOnImage View

@Html.Vertex().BlogPosts(BlogPostViewName.PostOnImage)
    .ToSlider(slider => {
        slider.SlidesToShow(2);
        slider.Dots();
    }) 
PostOnImage2 View

@Html.Vertex().BlogPosts(BlogPostViewName.PostOnImage2)
    .ToSlider(slider => {
        slider.SlidesToShow(2);
        slider.Dots();
    }) 

Methods

Method Description

.Method(bool value)

Comming soon.