Tiles and Clickable Buttons

Overview

Cloudpermit was designed with deliberate user interface decisions and similarities in mind. One of the most prominent design components of Cloudpermit are tiles, which is how information and different functionalities of Cloudpermit are presented. For example, Cloudpermit’s Tasks and requests, Inspections, and applications are presented on dedicated tiles. Many different tiles present different types of information and include different clickable buttons. This article discusses how tiles work and which buttons are clickable.

What are Tiles and How do they Work?

On Cloudpermit, information and functionalities are presented on tiles. For example, when municipality users log into Cloudpermit, they are presented with their Tasks and requests, inspections (optional), and the Applications tiles. A screenshot of the inspections tile is included below for reference. Different tiles present different information and functionalities. There are various different clickable buttons on different tiles that offer different kinds of functionalities. What Do Clickable Buttons Do?

Clickable buttons are found across the Cloudpermit ecosystem. Different types of clickable buttons offer different types of functionalities. More specifically, different types of tiles provide different kinds of clickable buttons, however, there are similarities across the ecosystem. A summary of some of those similarities is included below:

  • No matter where users are on Cloudpermit, a banner is included on the top of the window. The Cloudpermit logo is clickable and will redirect users to their main dashboard while the support button will redirect users to Cloudpermit's support portal.
  • Downward facing arrows mean a tile can be expanded to reveal more information
  • Upward facing arrows mean a tile can be minimized to hide information
  • Right facing arrows will generally redirect users. For example, right facing arrows on the Tasks and requests tile will take users to the application
  • X marks generally decline invitations. For example, an X mark on the Tasks and requests tile will decline a review request.
  • Check marks generally mean approval. For example, a check mark next to an attachment would mean the attachment is approved by the reviewer.
  • Information icons (i) generally mean information is required. For example, an information icon is located next to attachments submitted by applicants and if clicked, would let the applicant know information is required
  • Trashcan icons mean delete
  • Text written in blue is generally clickable and will redirect users to various place on Cloudpermit
  • When users hover over tiles and they change opacity and/or colour, it means they are buttons and are clickable and will generally redirect users.
  • As the names suggest, the words open and close will generally open and close various tiles. 
  • Search bars are clickable throughout the entire bar
  • As the name suggests, the word/button edit will allow users to edit different types of information and functionalities on Cloudpermit. For example, the edit button on an inspection tile will allow users to edit the inspection.

 

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.