Propeller Loader

Loading...

Propeller Version 1.2

Highlights

Team Propeller takes an immense pleasure in introducing the next version of the framework – Propeller V 1.2. This new version includes enhanced components with jQuery plugins and DOM observer.

Below is the list of major highlights from Propeller 1.2:

Highlights

  • Created jQuery plugins to initialize the components while fetching the data dynamically. Also, we have used DOM Observer which will auto re-initialize the components while updating the DOM.
  • Enhanced scrollable tabs component, removed <div class=”pmd-tabs-scroll”> and <div class=”pmd-tabs-scroll-container”> which were earlier needed to create scrollable tabs. We have replaced them with scroll attribute which holds value true or false. For example: <div class=”pmd-tabs” scroll=”true”>.
  • Enhanced the implementation of multiple sidebars in a single page by adding the data-target attribute, whose value will be the id of the aside/div to be called. For example, If data-target=”basicSidebar” is added in the anchor tag – <a href=”javascript:void(0);” data-target=”basicSidebar></a>, the same id=”basicSidebar” needs to be added in the sidebar container <aside id=”basicSidebar” class=”pmd-sidebar”>.
  • To create different types of sidebars, we have removed sidebar configuration classes .pmd-sidebar-slide-push, .pmd-sidebar-left-fixed, .pmd-sidebar-left and .pmd-sidebar-open from .pmd-sidebar and replaced them with data attributes data-position=”slidepush/fixed”, data-placement=”left/right” and is-open=”true/false” respectively.
  • Added is-open-width=”1000″ data attribute in the anchor tag of the sidebar so that the sidebar will remain closed for the device whose width is less than 1000px.
  • Removed bootstrap-hover-dropdown.js file from the library and merged the JS into dropdown.js. So now, to add a hover effect in the Dropdown component, .pmd-dropdown-hover class is to be added only. Also no need to add initialize function.
  • Moved “Expand All and Collapse All” button into pmd-accordion div container.
  • Resolved time picker numbers crumble issue when up and down arrow keys are pressed from the keyboard.
  • Removed unnecessary </a> from accordion components.
  • Fixed TextArea floating label on load/change event.
  • Removed admin template.
  • Made text related changes in the modal.
  • Fixed floating label issue in select2.

Added

JS

  • #02b313d Added DOM Observer which will auto re-initialize the components while updating the DOM.
  • #51c06fd Added jQuery plugins to initialize the components while fetching the data dynamically.

JS, Docs

  • #ef8d88c, #969f1c4 Added feature of multiple sidebars in a single page by adding the data-target attribute and the value of this data-target attribute will be the id of the aside/div to be called.
  • #ef8d88c, #969f1c4 Added is-open-width=”1000″ data attribute in the anchor tag of the sidebar so that the sidebar will remain closed for the device whose width is less than 1000px.

Updated

JS

  • #51c06fd Enhanced components with jQuery plugins and DOM observer following the coding standards.
  • #cd96caa, #13c4335 Removed bootstrap-hover-dropdown.js file from the library and merged the JS into dropdown.js. So now, to add a hover effect in the Dropdown component, .pmd-dropdown-hover class is to be added only. Also no need to add initialize function.

JS, Docs

  • #534ffb1, #65088ee Enhanced scrollable tabs component, removed <div class=”pmd-tabs-scroll”> and <div class=”pmd-tabs-scroll-container”> which were earlier needed to create scrollable tabs. We have replaced them with scroll attribute which holds value true or false. For example: <div class=”pmd-tabs” scroll=”true”>.
  • #ef8d88c, #969f1c4 To create different types of sidebars, we have removed the sidebar configuration classes and replaced them with necessary data attributes.

Docs

  • #af02321 Moved “Expand All and Collapse All” button into pmd-accordion div container.

Fixed

JS

  • #e5406a5 Resolved time picker numbers crumble issue when up and down arrow keys are pressed from the keyboard.
  • #67fa463 Fixed the TextArea floating label on load/change.
  • #8c71064 Fixed floating label issue in select2.

Docs

  • Fixed text-related bugs in modal.

CSS

  • #f34ba7e Fixed right sidebar appears issue while the page load or reference.

Removed

Docs

  • #386193a Removed admin template from GitHub repository.
  • #d3bdc73 Removed unnecessary from accordion components.

We’d love to hear from you

Found any bug? Post them on
Github
Have feedback, suggestions or Questions?
Join Chat Room