February 25, 2024

SamTech 365

PowerPlatform, Power Apps, Power Automate, PVA, SharePoint, C#, .Net, SQL, Azure News, Tips ….etc

BlueChips & KPIs in SharePoint | Using BootStrap, SP.JS & JQuery


~ 6 Weeks


Rolls Royce

Used technologies

SharePoint, SP.JS, BootStrap, Html5, Css3, Jquery.

The blue chips are corporate goals defined at the highest level and have sub goals assigned to team leader (executives).

The top management want to keep track of the monthly updates and be able to check at any time how we are doing with each Blue Chip.

A team leader can divide a blue chip into smaller tasks and delegate each task to his/her team members.

The structure of the blue chips system is a two-level hierarchy

  • The Blue Chip:
    • Title,
    • Corporate Goal
    • Owner
    • Details
  • Blue Chips’ Sub Goals
    • Id Blue Chip
    • Details
    • Jan (RAG)
    • Jan (Details)
    • Feb (RAG)
    • Feb (Details)
    • Mar (RAG)
    • Mar (Details)
    • ….
    • Dec (RAG)
    • Dec (Details).

Each month a sub goal responsible will update the month RAG (Red, Amber, Green), and submit comments.

A workflow triggers to update the main Blue-Chip status based on the worst RAG status.

These are the two main lists that I have created in SharePoint, on top of which, I have used Bootstrap, SP.JS and JQuery to build a nice-looking UI which


Show Buttons
Hide Buttons