How to create a page with list of cards and sliders using pagetypes

santosh maroju asked on May 15, 2019 13:58

I am new to Kentico. I am following MVC tutorial from the documentation. We want to design a page which will have slider and list of links to different articles. these links should look like card. there should be an image in the card and description of the article. Documentation says pagetypes should be created before creating a page. I am unable to get an idea of how my page design is achieved using page types. I am sharing view of the page. Please suggest an idea.

Image Text

pagetype content only page

Correct Answer

Rui Wang answered on May 16, 2019 14:26

Typically, you can use "Text" for the Image field data type, and choose "Media selection" as the form control. You can select image that's been uploaded to Media Library and only the URL of the image will be stored in the data field.

0 votesVote for this answer Unmark Correct answer

Recent Answers

Mike Wills answered on May 15, 2019 17:30

Hi Santosh,

Your image is missing. However, based on your description here’s some options:

If the links to different articles are to articles on your site, you can create a Page Type for those articles that includes fields for the card’s image, description, and link title. Then you can create a slider widget that allows you to specify which articles you want to include in the slider. The widget might have properties for selecting the path or category of articles to display.

If the articles are not entirely on your site, you might create a content-only Page Type just for populating each card. Perhaps it would be a type named Slider Card. The next question would be where to put these Slider Card pages in the content tree. Take a look a Joel’s great article on Page Types. In short, you might create a special “Page Content” folder under each page for a place to organize child content used by your page.

http://dahlindevelopment.com/blog/july-2016/tips-for-creating-page-types-in-kentico/

Mike

1 votesVote for this answer Mark as a Correct answer

Rui Wang answered on May 15, 2019 18:35

I created a youtube video about how to do this using page type and repeater web part for portal design.

For MVC, you essentially would change the repeater to using API to get the data set in your Controller. Then loop through the data and generate the output like the <ul><li>....</li></ul> using the View.

1 votesVote for this answer Mark as a Correct answer

santosh maroju answered on May 16, 2019 07:37

Hi Mike, Please go to this shared link "https://drive.google.com/file/d/1QXULNYoCmG0r7RwPkTjZVGEa56sT_8Gg/view" for the Image. What kind of datatype should I have for a Image field? did you mean a text field which holds address of the image?

Thanks Wang, I got your idea of "ul li" idea. Will follow the same.

0 votesVote for this answer Mark as a Correct answer