PageBuilderContainers.Kentico.MVC 13.0.0

Page Builder Container for Kentico Xperience 13 MVC (Full framework, not core).

Install-Package PageBuilderContainers.Kentico.MVC -Version 13.0.0
dotnet add package PageBuilderContainers.Kentico.MVC --version 13.0.0
<PackageReference Include="PageBuilderContainers.Kentico.MVC" Version="13.0.0" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
paket add PageBuilderContainers.Kentico.MVC --version 13.0.0
The NuGet Team does not provide support for this client. Please contact its maintainers for support.

Installation

Part 1 - Kentico Application ("Mother"):

  1. Install PageBuilderContainers.Kentico Nuget Package on your Kentico Application
  2. Rebuild your web application
  3. Log into Kentico as a Global Administrator
  4. Go to Modules
  5. Search and edit Page Builder Containers
  6. Go to Sites and add to your site.

Part 2 - Install on MVC Site

For MVC.Net Framework

  1. Install the PageBuilderContainers.Kentico.MVC NuGet package on your MVC Site and rebuild

Add to Widgets

Have your Widget Properties Model class implement IPageBuilderContainerProperties, IHtmlBeforeAfterContainerProperties or both.

You can also inherit from the base classes of PageBuilderContainers.PageBuilderWidgetProperties or PageBuilderContainers.PageBuilderWithHtmlBeforeAfterWidgetProperties if you wish as these already have the proper [EditingFormComponent] Attributes for each field

This tool includes a Form Component for selecting the Container Name:
[EditingComponent(PageBuilderContainerSelectorComponent.IDENTIFIER, Order = 990, Label = &quot;Container Name&quot;)]

Add to Models

You can also have models inherit the IPageBuilderContainerProperties and/or IHtmlBeforeAfterContainerProperties and leverate containers for other objects, you just won't be able to use the Widget configurations.

Usage

For MVC.Net Framework

In your Widget's View, add @Html.PageBuilderContainerBefore(Model) at the beginning of your rendering, and @Html.PageBuilderContainerAfter(Model) at the end

  • Note: "Model" must be the Widget Property Class object, if using a model of ComponentViewModel&lt;YourWidgetModelClass&gt;, then your property may be Model.Properties instead of Model

Additionally you can pass any Model that inherites from either IPageBuilderContainerProperties or IHtmlBeforeAfterContainerProperties


# Create Containers
1. Go to the Page Builder Containers UI element in Kentico
1. Create your Containers or edit existing. 
1. You can use `{% ContainerTitle %}`, `{% ContainerCSSClass %}`, and `{% ContainerCustomContent %}` as part of the default Container Properties

# Add Widget and Configure Container
1. Add your widget to a Page Builder Area in Kentico, you will see the Containers Name, Title, CSS Class, and Custom Content properties in the Widget's configuration dialog (cogwheel icon)

Installation

Part 1 - Kentico Application ("Mother"):

  1. Install PageBuilderContainers.Kentico Nuget Package on your Kentico Application
  2. Rebuild your web application
  3. Log into Kentico as a Global Administrator
  4. Go to Modules
  5. Search and edit Page Builder Containers
  6. Go to Sites and add to your site.

Part 2 - Install on MVC Site

For MVC.Net Framework

  1. Install the PageBuilderContainers.Kentico.MVC NuGet package on your MVC Site and rebuild

Add to Widgets

Have your Widget Properties Model class implement IPageBuilderContainerProperties, IHtmlBeforeAfterContainerProperties or both.

You can also inherit from the base classes of PageBuilderContainers.PageBuilderWidgetProperties or PageBuilderContainers.PageBuilderWithHtmlBeforeAfterWidgetProperties if you wish as these already have the proper [EditingFormComponent] Attributes for each field

This tool includes a Form Component for selecting the Container Name:
[EditingComponent(PageBuilderContainerSelectorComponent.IDENTIFIER, Order = 990, Label = &quot;Container Name&quot;)]

Add to Models

You can also have models inherit the IPageBuilderContainerProperties and/or IHtmlBeforeAfterContainerProperties and leverate containers for other objects, you just won't be able to use the Widget configurations.

Usage

For MVC.Net Framework

In your Widget's View, add @Html.PageBuilderContainerBefore(Model) at the beginning of your rendering, and @Html.PageBuilderContainerAfter(Model) at the end

  • Note: "Model" must be the Widget Property Class object, if using a model of ComponentViewModel&lt;YourWidgetModelClass&gt;, then your property may be Model.Properties instead of Model

Additionally you can pass any Model that inherites from either IPageBuilderContainerProperties or IHtmlBeforeAfterContainerProperties


# Create Containers
1. Go to the Page Builder Containers UI element in Kentico
1. Create your Containers or edit existing. 
1. You can use `{% ContainerTitle %}`, `{% ContainerCSSClass %}`, and `{% ContainerCustomContent %}` as part of the default Container Properties

# Add Widget and Configure Container
1. Add your widget to a Page Builder Area in Kentico, you will see the Containers Name, Title, CSS Class, and Custom Content properties in the Widget's configuration dialog (cogwheel icon)

Release Notes

Upgraded to Xperience 13.

NuGet packages (3)

Showing the top 3 NuGet packages that depend on PageBuilderContainers.Kentico.MVC:

Package Downloads
BootstrapLayoutTool.PageBuilderContainered.Kentico.MVC
Bootstrap 4 based Section tool for Kentico MVC Page Builder
HBS.StaticTextContainerizedWidget.Kentico.MVC
Containerized Static Text Widget for entering static text into a page builder section.
Bootstrap3LayoutTool.PageBuilderContainered.Kentico.MVC
Bootstrap 3 based Section tool for Kentico MVC Page Builder, with Page Builder Container

GitHub repositories

This package is not used by any popular GitHub repositories.

Version History

Version Downloads Last updated
13.0.0 49 11/13/2020
12.29.2 1,307 8/7/2019
12.29.0.1 202 8/7/2019
12.29.0 163 8/6/2019
12.0.0.1 178 7/10/2019
12.0.0 176 7/10/2019