Boxes

Modified on Tue, 20 Sep 2022

Style 1 ( Box with an icon )


An attribute can have 1:1, 1:M, and M:1 relationships with other attributes of another BO.


<blockquote class="tip-box">
  <div class="tip-box__icon">
    <i class="fa fa-file-alt"></i>
  </div>

  <div class="tip-box__text">
    <p>An attribute can have 1:1, 1:M, and M:1 relationships with other 
      attributes of another BO.</p>
  </div>
</blockquote>


You can use any of the icons available in font awesome to replace the icon in box. 

https://fontawesome.com/v5/cheatsheet


Just replace the icon class with class of the icon you need. For example replacing fa fa-file-alt with fa fa-file-code will give this.


An attribute can have 1:1, 1:M, and M:1 relationships with other attributes of another BO.


<blockquote class="tip-box">
  <div class="tip-box__icon">
    <i class="fa fa-file-code"></i>
  </div>

  <div class="tip-box__text">
    <p>An attribute can have 1:1, 1:M, and M:1 relationships with other attributes of another BO.</p>
  </div>
</blockquote>



Style 2 ( Example box )


Eg

In a travel booking app, a business object is created for the Passenger list. It is linked to another BO created to store Health History of the passengers.

Health History data is filtered in the Operations tab of the Data editor to filter the passengers with Pacemakers to ensure their security checking is faster.

Health history data is validated against their menu in the validations tab of the Data editor and ensure Diabetic passengers are only eating diabetic-friendly food.


<blockquote class="tip-box">
  <div class="tip-box__icon">
    <strong>Eg</strong>
  </div>

  <div class="tip-box__text">
  <p>  In a travel booking app, a business object is created for the Passenger list. It is linked to another BO created to store Health History of the passengers.</p>

    <p>Health History data is filtered in the Operations tab of the Data editor to filter the passengers with Pacemakers to ensure their security checking is faster.</p>

    <p>Health history data is validated against their menu in the validations tab of the Data editor and ensure Diabetic passengers are only eating diabetic-friendly food.</p>
  </div>
</blockquote>