Can we use multiple page builder with data that comes from widget.

2025/02/13 1:19 PM

I created two widgets a category and an image where in Image widget has multiple images with multiple descriptions. now I add a widget of category where I add category and show on UI, now I want to link these image widgets with category,
For example, if I added 3 categories then 3 data of image widgets can be different.
how can I add a dynamic page builder under widget data?

Environment

  • Xperience by Kentico version: [29.3.0]
  • .NET version: [8]

I want that page builder (icon +) to come with the "Nature" and "Architecture" so I can add another widget that is attached with it.

1.00

Answers

2025/02/13 2:33 PM

This you can't really do, to my knowledge. Widgets are individual, they are not 'linked'.

Perhaps you're trying to do too much with widgets and you need to instead do more with Content Types. If you had a Category Content Type that had an Image with Description as part of it, your widget can just select those category content types and each will have a 'linked' image.

Use Content Types to handle relationships and linking things together. Use Widgets to display those.

I would recommend going through the Guides in documentation, specifically around content architecture.

Plan your content model | Xperience by Kentico Guides

2025/02/14 4:58 AM

Okay, I will understand, but I want to make a widget for this section where each category has a set of images and a description of those images. So, how can I achieve this with a widget?

2025/02/14 10:50 AM
Accepted answer

You can achieve this by creating a custom widget, ServiceCategoriesWidget, which retrieves service categories and their related images (with titles) from the content tree.

Prerequisites

Create the following Page Types in the content tree:

  1. Service Categories (Fields: Service Category Name)
  2. Service Category Image (Fields: Service Category Image Title, Service Category Image)

Content tree structure

Services
├── Service Category 1
│ ├── Service Category Image 1
│ ├── Service Category Image 2
│ ├── ...
│ ├── Service Category Image N
│
├── Service Category 2
│ ├── Service Category Image 1
│ ├── Service Category Image 2
│ ├── ...
│ ├── Service Category Image N

Custom Service Category Widget

ServiceCategoriesWidget Properties

  1. Select Service Categories Root Path (e.g., /Services)

ServiceCategoriesWidgetViewModel

Define a ViewModel according to your requirements to store category names and images.

ServiceCategoriesWidgetViewComponent

Implement the logic to retrieve service categories and their images from the content tree.

_ServiceCategoriesWidget.cshtml

Render the retrieved data as per the desired HTML structure

2025/02/14 12:30 PM

I would not add this as widget.

It seems to be very specific and maybe it's better located in a custom template of a special page type.

I would also move the data out of widgets, because it is not the place for that content. I would think about using the content hub and maybe taxonomie for relations if reference fields will not work.

You can also use data nodes in the content tree.
Depends.
Do you have a clean structure of that content, that is not specific for website content => content hub
Do you only have this structure in the website and it is depending on language version and website channel => page content tree

Use the template to render it to the page instead of widgets.

I would not do it with widgets because no one will understand how to set up this things in that complexity.
And it has to be set up in every page that has such a thing.
And in every language version again.

In a template you can use template properties to reference the content or a reference field in the page type.

Also would recommend the guide as Trevor still did.

To response this discussion, you have to login first.