Teams

Overview

In the HTML code above, we have an overlay-container div that will serve as the backdrop for our overlay effect. Inside the overlay container, we have a nested div element with the class overlay-content that represents the content we want to display on the overlay. Below the overlay container, we have a heading and a button that will be used to toggle the overlay effect.

Installation

We offer no-questions-asked to all customers. Dedicated support & installation included.

Here is the explanation of the above styling:

  • The position is set to be fixed so that it will be positioned relative to the browser window and not scroll with the page content.

  • The display is set to flex, to allow child components to be arranged. This allows us to center overlay content vertically and horizontally by setting align-items and justify-content to center respectively.

  • The width and height is set to be 100% of its containing element, in this case, the entire width and height of the browser window.

  • The background-color is set to a semi-transparent black color. The color is defined using RGBA values, where the first three values (0, 0, 0) represent the RGB color (black), and the fourth value (0.5) represents the opacity (50%). This creates a semi-transparent overlay effect, allowing the underlying content to be partially visible.

Media

We offer no-questions-asked to all customers. Dedicated support & installation included.

Here is the explanation of the above styling:

  • The position is set to be fixed so that it will be positioned relative to the browser window and not scroll with the page content.

  • The display is set to flex, to allow child components to be arranged. This allows us to center overlay content vertically and horizontally by setting align-items and justify-content to center respectively.

  • The width and height is set to be 100% of its containing element, in this case, the entire width and height of the browser window.

  • The background-color is set to a semi-transparent black color. The color is defined using RGBA values, where the first three values (0, 0, 0) represent the RGB color (black), and the fourth value (0.5) represents the opacity (50%). This creates a semi-transparent overlay effect, allowing the underlying content to be partially visible.

Data Safety

We offer no-questions-asked to all customers. Dedicated support & installation included.

Here is the explanation of the above styling:

  • The position is set to be fixed so that it will be positioned relative to the browser window and not scroll with the page content.

  • The display is set to flex, to allow child components to be arranged. This allows us to center overlay content vertically and horizontally by setting align-items and justify-content to center respectively.

  • The width and height is set to be 100% of its containing element, in this case, the entire width and height of the browser window.

  • The background-color is set to a semi-transparent black color. The color is defined using RGBA values, where the first three values (0, 0, 0) represent the RGB color (black), and the fourth value (0.5) represents the opacity (50%). This creates a semi-transparent overlay effect, allowing the underlying content to be partially visible.

What Exactly is OKTA?

OKTA is an Identity-as-a-Service (IDaaS) platform that provides a secure authentication or access to all software and applications used by your organization with one login.

Stage 1 – Activating OKTA

  1. You will receive an automated email to activate your OKTA account, similar to the image(s) depicted:
  2. Click the Activate Okta account link button.
    Note: Your Okta username, password & sign-in page details are found below the Activate Okta Account link button.
  3. Create your HCZ OKTA account (first-time sign in users)
    • Enter your HCZ or Promise Email password in the Windows password column.
    • Enter a Secondary email (Personal email) or select I don’t have a secondary email.
    • Choose a forgot password question suitable & unique to you, and type in the answer to that question in the Answer column.
    • Choose a Security image for additional auth provided by OKTA
      By default, your work email is pre-selected.
  4. Then click the Create My Account button.
  5. Click the Configure factor button to setup Multifactor Authentication (MFA)
  6. Select your device type, choose either iPhone or Android
  7. Now, download Okta verify from the Google Play Store or the HCZ Self Service App onto your mobile device, then click the Next button.
  8. Launch the OKTA Verify app on your mobile device, click the Get started button, then the Next button, now click the Add account button.
  9. Under > [Choose account type]
    Choose Organization as account type.
  10. Click the Scan a QR code button.
  11. Scan the QR-code on your computer screen to proceed.
  12. Once the QR-code is scanned and verified, your account will be automatically added. Click the Done button on your mobile phone.
  13. Then click the Finish button on your computer screen to complete setup.

How to setup Multifactor Authentication for your OKTA account

What is Multifactor Authentication?

Multifactor Authentication (MFA) adds a layer of protection to the sign-in process. When accessing accounts or apps, users provide additional identity verification, such as sending a Push notification or entering a code received by phone.

Stage 1 – Setting up Multifactor Authentication

  1. Choose any option of your choice to setup Multifactor Authentication (MFA)
    Note: You can setup more than one MFA for your OKTA account.
  2. Choose the Okta Verify option and select your device type.
    Select either iPhone or Android.

Stage 2 – Download OKTA Verify App

  1. [For iPhone users]
    Download Okta verify from the HCZ Self Service App onto your iPhone.
    Then click the Next button to proceed.
  2. [For Android users]
    Download Okta verify from the Google Play Store onto your android mobile device.
    Then click the Next button to proceed.
  3. Launch the OKTA Verify app on your mobile device, click the Get started button, then the Next button, now click the Add account button.
  4. [Choose account type]
    Choose Organization as account type.
  5. Click the Scan a QR code button.
  6. Scan the QR-code on your computer screen to proceed.
  7. Once the QR-code is scanned and verified, your account will be automatically added.
    Click the Done button on your mobile phone.

# For Staff Without an HCZ Mobile Phone

  1. Choose the Security Question option.
    Select a secret question suitable & unique to you, and type in the answer to that question in the Answer column. Then click the Save button to proceed.
    Note: It is advised to choose only this option if you do not have an HCZ Issued Mobile Phone.
  2. Then click the Finish button on your computer screen to complete setup.

Tip: It is advised to choose only this option if you do not have an HCZ Issued Mobile Phone. Reach out to a technician for further support here: help.hcz.org

How to sign into your OKTA account

  1. Go to hcz.okta.com
  2. Enter your work email and password, then click the Sign In button.
  3. Click either the Send Push button or the Or enter code button.
  4. [For enter code]
    Launch the OKTA Verify app on your mobile phone and enter the 6-digit number in the Enter Code column, then click the Verify button.

Download OKTA Setup & Installation Guide (Optional)

Tip: Download the OKTA Setup & Activation guide(s) onto your device. Get the instructions from here: How to Setup and Activate your HCZ OKTA Account | for MFA click here: How to Setup MFA for OKTA account

No more posts to show

Feature Packs

Bring the Whole Team

Each team and team member gets all the features of a PRO membership. That means the Team can do things like upload Assets, use features like Collab Mode, Professor Mode, Presentation Mode, and Live View, and apply custom CSS to Posts, Profiles, and Embeds.

Products We Use:

0.0
Rated 0.0 out of 5
0.0 out of 5 stars (based on 0 reviews)
Excellent0%
Very good0%
Average0%
Poor0%
Terrible0%

There are no reviews yet. Be the first one to write one.