# 3.0.0 (unreleased) # ## Overview ## * New template engine * New CMS interface design * "Page Content" and "Page Settings" are split into two interfaces * Image/Link insertion moved into a modal dialog instead of a sidebar * "Add pages" dropdown moved to a more descriptive modal dialog * Allow usage of "sapphire" framework without the "cms" module * CMS JavaScript moved to [jQuery.entwine](https://github.com/hafriedlander/jquery.entwine) * CMS stylesheets are generated by SCSS to provide more flexible and robust styling ## Upgrading ## ### New template engine The template engine has been completely rewritten, and although it is generally backward compatible, there are new features and some features have been deprecated. See the [template upgrading guide](/reference/templates-upgrading-guide) and the [template reference](/reference/templates) for more information. ### New user interface for CMS ### Most aspects of the interface have been redesigned, which necessitated a substantial redevelopment of the underlying logic and presentation. If you have customized the admin interface in any way, please review the detailed changelog for this release. Many interface components have changed completely, unfortunately there is no clear upgrade path for every interface detail. As a starting point, have a look at the new templates in `cms/templates` and `sapphire/admin/templates`, as well as the new [jQuery.entwine](https://github.com/hafriedlander/jquery.entwine) based JavaScript logic. Have a look at the new ["Extending the CMS" guide](../howto/extending-the-cms), ["CSS" guide](../topics/css) and ["JavaScript" guide](../topics/javascript) to get you started. ### New tree library ### The page tree moved from a bespoke tree library to [JSTree](http://jstree.com), which required changes to markup of the tree and its JavaScript architecture. This includes changes to `TreeDropdownField` and `TreeMultiSelectField`. ### Settings-related fields move from `SiteTree->getCMSFields()` to new `SiteTree->getSettingsFields()` ### The fields and tabs are now split into two separate forms, which required a structural change to the underlying class logic. In case you have added or removed fields in the "Behaviour" or "Access" tab, please move these customizations to a new `getSettingsFields()` method. In case of SiteTree extension through `updateCMSFields()` and a decorator/extension, please use the new `updateSettingsFields()` instead. ### New `SiteTree::$description` field to describe purpose of a page type ### Please use this static property to describe the purpose of your page types, which will help users understand the new "Add page" dialog. For example, a `TeamPage` type could be described as "Lists all team members, linking to their profiles". Note: This property is optional (defaults to an empty string), but its usage is highly encouraged. ### Stylesheet preprocessing via SCSS and the "compass" module ### CSS files in the `cms` and `sapphire/admin` modules are now generated through the ["compass" SilverStripe module](http://silverstripe.org/compass-module), which uses the ["Compass" framework](http://compass-style.org/) and the ["SCSS" language](http://sass-lang.com/). This allows us to build more flexible and expressive stylesheets as a foundation for any extensions to the CMS interface. The "compass" module is only required if core stylesheets are modified, not when simply using the CMS or developing other CMS functionality. If you want to extend the CMS stylesheets for your own projects without SCSS, please create a new CSS file and link it into the CMS via `[api:LeftAndMain::require_css()]`. ### FormField consistently adds classes to HTML elements ### The [api:FormField] API has been refactored to use SilverStripe templates for constructing the field HTML, as well as new accessors for HTML attributes. This change makes the HTML a bit more predictable, but it also means that you need to check any code (CSS, JavaScript, etc) relying on the old inconsistencies. Particularly, CSS class names applied through [api:FormField->addExtraClass()] and the "type" class are now consistently added to the container `