Skip to content
trident
Rivet-Bootstrap

Rivet-Bootstrap

v1.7.8

Rivet-Bootstrap is a visual design theme intended to meet the design specifications as outlined in the Rivet design system currently maintained by the User Experience Office (UXO) at UITS, Indiana University. The premis of this project is to utilize a community-sourced UI framework as the foundation for a design system, and to customize and extend the theme to address the visual design requirements of Rivet (UXO).

The underlying framework for Rivet-Bootstrap is Bootstrap (v4.3.1). The theme has been set up in a way that the Bootstrap source is used without modifications (and thus, easily upgradeable from the open source community). The Rivet-Bootstrap theme is then applied on top of Bootstrap, allowing for easy style customization without modifying the Bootstrap core framework. This not only allows for detailed theming of the Bootstrap base, but it also facilitates the creation of custom components not found in the Bootstrap or Rivet base libraries.

Rivet-Bootstrap is available on Github .

A note about javascript

Because of the varied nature of javascript frameworks and implementations, Rivet-Bootstrap does not attempt to address a single javascript solution for your project. The javascript used in Rivet-Bootstrap is sourced from Bootstrap 4 (along with some light jQuery), and may be easily stripped out to be replaced with a javascript integration of your choosing.

Change log

RVB 1.7.8

Nov 18, 2021

New features

  • RVB-293 - New icon added (.rbt-icon-clip).

RVB 1.7.7

Jul 20, 2021

New features

  • RVB-267 - New icon added (.rbt-icon-like-yes).
  • RVB-267 - New icon added (.rbt-icon-like-no).
  • RVB-266 - New icon added (.rbt-icon-grip).

RVB 1.7.6

Jul 08, 2021 Updates to package.json

RVB 1.7.4

Apr 29, 2021

New features

  • RVB-256 - New icon added (.rbt-icon-grip-horizontal).
  • RVB-256 - New icon added (.rbt-icon-grip-horizontal).

RVB 1.7.3

Apr 27, 2021

New features

  • RVB-202 - New icon added (.rbt-icon-heart-solid).
  • RVB-202 - New icon added (.rbt-icon-megaphone).

RVB 1.7.2-5.6

Sep 11, 2020

Bug fixes/improvements

  • RVB-199 - Fixes styling that prevents FontAwesome icons from loading into projects using RVB.

RVB 1.7.2-5.5

Sep 4, 2020

Bug fixes/improvements

  • RVB-195 - Datepicker input icon is now an embedded svg background image as to allow the entire input field to be clickable (which in turn, triggers the popup calendar)

RVB 1.7.2-5.4

Aug 24, 2020

New features

  • RVB-198 - New icons added (.rbt-icon-creditcard icon from Rivet, and .rbt-icon-heart as an RVB extended icon).

RVB 1.7.2-5.3

Jun 22, 2020

Bug fixes/improvements

  • RVB-191 - Added css support for Angular error validation class .ng-invalid.

Breaking changes

  • RVB-192 - Expression buiulder 'add ruleset' dropdown css updated to reflect removal of .-btn-group container class.

RVB 1.7.2-5.2

Jun 10, 2020

Bug fixes/improvements

  • RVB-189 - NGX Bootstrap date and time picker component css support added.
  • RVB-190 - Expression builder component css updated.

RVB 1.7.2-5.1

Jun 5 ,2020

Bug fixes/improvements

  • RVB-188 - Improved css scoping for loading indicators inside of buttons.

RVB 1.7.2-5

Jun 1 ,2020

Bug fixes/improvements

  • RVB-187 - CSS support added for button markup the step indicator .

RVB 1.7.2-4

May 28,2020

Bug fixes/improvements

  • RVB-183 - Fixes inconsistent paragraph margins between web broswers.
  • RVB-186 - Removal of @extend usages in the .scss files.

RVB 1.7.2-3

Apr 16, 2020

Breaking changes

  • RVB-180 - Header mobile menu collapsable section headers switched from <a> to <button> tags for better accessibility.

Bug fixes/improvements

  • RVB-179 - Secondary button hover/active state styling adjusted to align with Rivet styles.
  • RVB-181 - Background color set to transparent on text and select inputs.

RVB 1.7.2-1

Mar 30, 2020

Bug fixes/improvements

  • RVB-175 - Image uploader icons replaced with RVB icons.
  • RVB-176 - Rich text editor library switched from SimpleMDE to EasyMDE , due to security vunerabilities.
  • RVB-178 - Expression builder misalignment of elements fixed.

RVB 1.7.2

Feb 6, 2020

New features

  • RVB-114 - Growl component refactored to allow growl message to appear at different locations of a view.
  • RVB-173 - Color adjustment for the loading indicator inside of disabled button.
  • RVB-172 - Adjustments made and demos added to show header with main navigation and single user task .
  • RVB-171 - Font Awesome dependency removed. The following icons have been added to the RVB icon set to replace Font Awesome icons previously used:
    • .rbt-icon-circle-empty
    • .rbt-icon-circle
    • .rbt-icon-bold
    • .rbt-icon-header
    • .rbt-icon-italic
    • .rbt-icon-expand
    • .rbt-icon-database
    • .rbt-icon-image
    • .rbt-icon-list-ordered
    • .rbt-icon-link
    • .rbt-icon-sidebyside

Bug fixes/improvements

  • RVB-170 - Multiselect component background color changed from transparent to white, to align with the visual styling of other form controls.
  • RVB-165 - Input group dropdown button alignment adjusted as to not overlap the text input box.
  • RVB-174 - Rich text editor toolbar is no longer hidden when used in conjunction with the main navigation header component.

RVB 1.7.1-1

Dec 17, 2019

New features

  • RVB-168 - New Rivet icons added: RSS, Gears, Play, and Pause.
  • RVB-167 - New icons added: Full Circle and Empty Circle

Breaking changes

  • RVB-168 - Icon class name .rbt-icon-check-cirle renamed to .rbt-icon-check-circle

RVB 1.7.1-0

Dec 10, 2019

New features

  • RVB-159 - Multiselect widget component and demo added.
  • RVB-160 - Rivet 1.7.1 sync: loading indicator border width adjustments.
  • RVB-161 - Rivet 1.7.1 sync: disabled and selected radio button color adjustments.
  • RVB-162 - Rivet 1.7.1 sync: badge font size and padding adjustments.

Bug fixes/improvements

  • RVB-157 - Responsive table actions column now expands full width of the screen in mobile views.
  • RVB-158 - Expression builder condition control button colors adjusted to better indicate selected state.

RVB 1.7.0

Aug 19, 2019

New features

  • RVB-154 - Timeline component updated from original design to visually align with the newly added timeline component to the Rivet library.

Breaking changes

  • RVB-154 - The timeline component updates will break any previous usage of this component.

RVB 1.6.0

Aug 19, 2019

New features

  • RVB-138 - Icon library updated (5 new icons added).
  • RVB-140 - Input field message font colors adjusted to align with Rivet styling.
  • RVB-139 - Pagination design enhancement to better accomodate large data sets.
  • RVB-151 - Breadcrumb font size adjusts appropriately between small and large viewports.
  • RVB-144 - New menu component and demo added.
  • RVB-145 - New step indicator component and demo added.
  • RVB-146 - Pikadate date picker component and demo added.
  • RVB-153 - NGX Bootstrap date picker styled to align with Rivet (Pikadate) styling.

Bug fixes

  • Badge component no longer spans 100% width when used inside of the timeline component.
  • RVB-127 - Scrollbars on mobile view no longer appear without cause.
  • RVB-131 - Multi-line inline alert messages now wrap appropriately to the side of icons (not underneath).

Breaking changes

  • RVB-141 - By default, all left & right margin has been pulled off of icons that appear inside of buttons. In order to achieve appropriate spacing between icons and button labels, left or right margin will need to be applied directly to the button label.
  • RVB-142 - Support for the vertical tabs component has been deprecated. The demo and supporting styles have been removed from the project.
  • RVB-148 - Bootstrap variables for spacing utilities have been modified to correspond with Rivet settings for spacing. This could cause minor spacing differences from previous versions of Rivet-Bootstrap.