Score Bootstrap UI v1.4

1.4.23.0

• Removed Renderings

  BREAKING CHANGES: 

  Deleted Renderings:

  • This Section Vertical Menu, This Section Horizontal Menu both are condensed into This Section Menu that includes multi-level capabilities

  • My Siblings Vertical Menu both Vertical and Horizontal now condensed into My Siblings Menu

   

  API Breaking Changes: 

  • Base rendering model MenuListLinkRenderingModel is renamed to BasicMenuItemRenderingModel to be used for the menu root items

  • MegaMenuItemRenderingModel.MegaMenuStyle property is now MegaMenuItemRenderingModel.MegaMenuItemClasses

  • Model Path for navigation menu link has changed (it might affect you if you used these models in your renderings)

    • from /sitecore/layout/Models/BootstrapUI/Components/Navigation/Menu List Link

    • to     /sitecore/layout/Models/BootstrapUI/Components/Navigation/Basic Menu Link

• [Feature]: SCORE-246: Source extensions (please read more in Score 1.4 release notes)
• [Feature]: SCORE-224: Component Datasource Location Rules  (please read more in Score 1.4 release notes)
• [Feature]: SCORE-321: All data templates that represent datasource items for renderings (e.g. Content Spot) were marked as Bucketable which allows putting them into an item bucket. An example would be a rather large site having hundreds of various highlights in its site shared content and converting the ./Content/Highlight under the site shared content into an item bucket 

• [Feature]: SCORE-285: New component for non-responsive image rendering

• [Feature]: Video style selections

  Video Style selections allow the embedded youtube video component to be targeted with specific CSS classes.

• [Feature]: SCORE-287: Style box component - allows style of a column within the grid with background and foreground colors, background image, and css class selection

  StyleBox Style selections for style box components are defined in the tenant Selections folder. If upgrading to SCORE 1.4 from a previous version, you can copy the folder from the branch template into your tenant Selections folder.

  No stylebox classes have been pre-defined in CSS.

• [Feature]: Restyled metadata wrappers (container elements in Page Editor)
• [Feature]: Restyled main menu spider in editor mode
• [Feature]: Restyled mega menu in editor mode

• [Fix]: Highlight change to markup to align with Bootstrap Thumbnail syntax

  sample markup change

  <div class="score-highlight thumbnail score-component (highlight class)">
      <img ... />
      <div class="caption">
          <h2>Highlight title</h2>
          <div class="score-highlight-body">
              Highlight body - rich text
          </div>
          <div class="score-highlight-button-wrapper">
              <a class="button" ... />
          </div>
      </div>
  </div>

• [Feature]: Add style selections for highlights

  Highlight Style selections for highlights are defined in the tenant Selections folder. If upgrading to SCORE 1.4 from a previous version, you can copy the folder from the branch template into your tenant Selections folder.

  No highlight classes have been pre-defined in CSS.

• [Feature]: Add style selections for heroes - mapped to full width hero, hero, section hero

  Hero Style selections for hero components are defined in the tenant Selections folder. If upgrading to SCORE 1.4 from a previous version, you can copy the folder from the branch template into your tenant Selections folder.

• [Feature]: New component - section header
  

  The section header component will allow the user to add a header to a section of the page - and it generates an H2 with optional secondary line, subtitle (H3) and image.

• [Feature]: Add background style selections - used by heroes, stylebox, stripe, carousel pane

  Background style selections are used for all components that allow a background image selection. Copy the default selections into your solution to use them.

  Also, note - in the scaffolding for your visual studio solution, there is a site-background.less that defines the following classes to match the default selections offered:

  site-background.less

  .score-stripe, .score-stylebox, .score-carouselpane, 
  .score-fullwidth-jumbotron, .score-jumbotron, .score-section-header {
      &.cover {
          background-position:center center;
          background-repeat:no-repeat;
          background-size:cover !important;
      }
      &.contain {
          background-size:contain !important;
      }
      &.repeat {
          background-repeat:repeat;
      }
      &.repeat-x {
          background-repeat:repeat-x;
      }
      &.repeat-y {
          background-repeat:repeat-y;
      }
  }

  BREAKING CHANGE: Any existing carousel panes or stripe components used in your design must include a background style selection to work properly - there is no longer a default behavior of "cover".

• [Feature]: Add style selections for stripes

  Stripe Style selections for stripe components are defined in the tenant Selections folder. If upgrading to SCORE 1.4 from a previous version, you can copy the folder from the branch template into your tenant Selections folder:

• [Feature]: Add style selections for carousel

  Carousel Style selections for carousel components are defined in the tenant Selections folder. If upgrading to SCORE 1.4 from a previous version, you can copy the folder from the branch template into your tenant Selections folder:

• [Feature]: Add style selections for carousel panes

  Carousel Pane Style selections for carousel panes are defined in the tenant Selections folder. If upgrading to SCORE 1.4 from a previous version, you can copy the folder from the branch template into your tenant Selections folder:

• [Feature]: Add header style selections - mapped to document header, document header with subtitle, section header components

  Header Style selections for header components are defined in the tenant Selections folder. If upgrading to SCORE 1.4 from a previous version, you can copy the folder from the branch template into your tenant Selections folder:

• [Feature]: Add image style selections - mapped to image, highlight, headers. hero

  Image Style selections for components that include an image within the rendering are defined in the tenant Selections folder. If upgrading to SCORE 1.4 from a previous version, you can copy the folder from the branch template into your tenant Selections folder:

  
  

• [Feature]: Add menu style selections - in use by Siblings Menu, Section Menu, Section Menu Spider, Previous Next Menu

  Menu Style selections for components that are used to generate standalone navigation lists

• [Feature]: Add responsive selections to renderings that include an image - if selected, the image field within the rendering will add the img-responsive class, and will suppress Sitecore from rendering the width and height attributes of the image selected
• [Feature]: Add Multi-Level capability to all spider menus, section menu (as a rendering parameter)
• [Fix]: Allow style as a rendering parameter placed on rendering instance
• [Fix]: Stripe component was accidentally marked as Cached with VaryByData in previous releases. It's now uncached by default
• [Fix]: SCORE-286: rendering compatibility of page layouts and inner structural renderings, 2 column variable not compatible with 2 column equal
• [Fix]: SCORE-315: remove package generation from the TDS.Core for PROD-CD profile
• [Fix]: Review and update TDS deployment options to ensure all items are properly installed (and updated if needed) during package install
• [Fix]: Fine tune Page Editor view for responsive images

• [Feature]: Condense section and sibling menus into single component - Horizontal and Vertical orientation of the menu is now controlled by a rendering parameter - so there are 3 renderings that are "deleted" from SCORE Bootstrap and will need to be replaced with the remaining rendering
  Deleted renderings include

  • This Section Vertical Menu, This Section Horizontal Menu (now both are condensed into This Section menu that includes multi-level capabilities)

  • My Siblings Vertical Menu (Vertical and Horizontal now condensed into My Siblings Menu)

• [Fix]: DropDownList menu, Basic Menu Item, Mega Menu with Link all properly support .active and .action-section classes (active when menu item is the current page, action-section when the current page is a subitem of the menu item)

New Selection Lists 

New Components + Placeholder Settings

1.4.25.0

• This build is the same as 1.4.23.0 but also has a package for Sitecore 7.5 Update 2.

1.4.26.0

• [Fix] Fix the Mega Menu's Navbar component presentation in Page Editor when an empty navbar would have a zero width (it sizes to its content when rendered normally) and hence would not be editable without extra modifications to the "page editor editing" styles.

1.4.27.0

• [Feature]: Support (and release packages) for 7.2 Update 4

1.4.28.0

• [Feature]: SCORE-411: Change all Single Line Text field in SCORE and SCORE Bootstrap UI components to use Raw Text field that behaves just like the Single Text but also support arbitrary markup (e.g. ©, (TM), (R), etc.)

1.4.29.0

• [Fix]: SCORE-412: If we have more then one carousel on one page only first one is working.

1.4.30.0

• [Feature]: SCORE-483: Add "Allow Full Screen" checkbox parameter to youtube video component.