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.

Mobile Friendly Design

Whats new in Life?

Mobile Friendly Design

Mobile Friendly Design

Admin
by Admin
05/08/2019 17:59:21
Whats new in Life?

Whats new in Life?

Admin
by Admin
05/08/2019 17:54:35

Mobile Friendly Design

Admin
by Admin
05/08/2019 17:59:21

Whats new in Life?

Admin
by Admin
05/08/2019 17:54:35
// 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.

Mobile Friendly Design

// 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

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

Mobile Friendly Design

Admin
by Admin
05/08/2019 17:59:21
Whats new in Life?

Whats new in Life?

Admin
by Admin
05/08/2019 17:54:35

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

The Great Divide

The Great Divide

Admin
by Admin
05/08/2019 17:39:55

@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.