Office 365

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 is OKTA SSO?

Okta Single sign-on (SSO) is a user authentication tool that enables users to securely access multiple applications and services using just one set of credentials.

There are two unique and simple methods to securely sign into Salesforce using OKTA SSO:

Method One [1]:

  1. Launch your preferred web browser (e.g., Google Chrome).
  2. Go to https://hcz.okta.com/
  3. Enter your work email address, check the Remember me checkbox and click the Next button to proceed.
  4. Enter your work email password, then click the Sign In button to sign into OKTA.
  5. After successfully signing into OKTA; Under My Apps tab, use either the ‘Search your apps‘ search box to look up Salesforce.com or scroll to Salesforce.com app.
  6. Select the Salesforce.com app to securely authenticate to Salesforce using OKTA.

Method Two [2]:

  1. Launch your preferred web browser (e.g., Google Chrome).
  2. Go to https://hcz.my.salesforce.com/
  3. Enter your work email address, check the Remember me checkbox and click the Next button to proceed.
  4. Enter your work email password, then click the Sign In button to securely authenticate using OKTA SSO.

Tip: If you tried the above steps or don’t find this utterly helpful or if you encounter any issue(s). Contact technical support for further support or if you have any questions.

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.