Kentico Xperience 13 Xpandable section

	NuGet package for your MVC project

A Kentico Xperience 13 section that allows editors to create any section layout that they want, with no code or configuration.

This repository contains the source code for the section and its form component.

Description

This is a Kentico Xperience 13 section that allows editors to create any section layout that they want, with no code or configuration. By adding the section to a page, an editor can open the section properties and add widget zones.

The editor can name each widget zone or group of zones and change the direction (horizontal or vertical). The editor can also add CSS. To make it easy to target a specific widget zone, the direction, name, depth, and index of each widget zone show up as HTML classes.

Requirements and prerequisites

• Kentico Xperience 13 installed.
  • Only the ASP.NET Core development model is supported.

Installation

1. Use Visual Studio to open the solution with your MVC project.
2. In the NuGet Package Manager Console, run Install-Package KenticoXperience.AspNetCore.XpandableSection.
3. Build and run in IIS Express, or publish the project to local IIS.
4. Run the Kentico Xperience 13 administration and open Pages.
5. Navigate to a page with the page builder feature.
6. Add Xpandable section to an editable area.

Localization

This section uses the following resource strings:

Codename	Default value
xpandablesection.section	Xpandable section
xpandablesection.layout	Section layout
xpandablesection.formcomponent	Xpandable section form component
xpandablesection.widgetzone	widget zone
xpandablesection.add	Add a new zone
xpandablesection.remove	Remove this zone
xpandablesection.cancelremove	Cancel removing this zone
xpandablesection.confirmremove	Confirm removing this zone
xpandablesection.removemessage	Warning! Widgets in this zone may get lost or moved.
xpandablesection.name	Name...
xpandablesection.direction	Change direction
xpandablesection.styles	Custom styles
xpandablesection.stylesexplanation	Enter valid CSS that matches the section layout you have defined. The section is contained in an element with class 'xpandable'. For example, if a widget zone is named 'col4', you can write a rule selecting '.xpandable .col4'.