Setting up Foundation5MediumPresentationFormatter


You will be building a Page Builder extension, so stop the application pool of your CMS instance in IIS before proceeding to the next steps.

To set up the Foundation5 formatter:
  1. In your file browser, navigate to [Drive]:\[path-to-cms-site-instance]\App_Data\xml\Custom\Plugins\PresentationFormatters\FoundationFormatter.
  2. Open PageBuilderExtension_Sample_FoundationFormatter.csproj in your ASP.NET IDE (e.g., Visual Studio).
  3. Build the PageBuilderExtension_Sample_FoundationFormatter project.
  4. In your file browser, navigate to [Drive]:\[path-to-cms-site-instance]\dss_preview\bootstrap3\css.
  5. Open PageBuilderCustom.less in a text editor.
  6. Remove comments from Foundation styles that you want to apply to your Page Builder layout.
  7. Save PageBuilderCustom.less.
  8. Navigate to IIS. In IIS, start your Ingeniux CMS application pool.
  9. In Ingeniux CMS, log in and navigate to Administration > System Options > Dynamic Site Server > Presentations Formatter.
  10. In the Presentations Formatter for Page Builder page, select Presentation Formatter for Foundation 5 from the Formatter drop-down list.
  11. Click Save.

Next Steps:

When you complete setup, the Foundation 5 formatter is set as the default presentation formatter in Page Builder Settings for all publishing targets. See Publishing System: Page Builder Settings for details.

Foundation v5 Formatter in Publishing Target