author | ms.service | ms.subservice | ms.topic | ms.date | ms.author |
---|---|---|---|---|---|
msmimart |
active-directory-b2c |
B2C |
include |
02/12/2020 |
mimart |
You can find sample templates for UI customization here:
git clone https://github.com/Azure-Samples/Azure-AD-B2C-page-templates
This project contains the following templates:
To use the sample:
-
Clone the repo on your local machine. Choose a template folder
/ocean_blue
or/slate_gray
. -
Upload all the files under the template folder and the
/assets
folder, to Blob storage as described in the previous sections. -
Next, open each
\*.html
file in the root of either/ocean_blue
or/slate_gray
, replace all instances of relative URLs with the URLs of the css, images, and fonts files you uploaded in step 2. For example:<link href="./css/assets.css" rel="stylesheet" type="text/css" />
To
<link href="https://your-storage-account.blob.core.windows.net/your-container/css/assets.css" rel="stylesheet" type="text/css" />
-
Save the
\*.html
files and upload them to Blob storage. -
Now modify the policy, pointing to your HTML file, as mentioned previously.
-
If you see missing fonts, images, or CSS, check your references in the extensions policy and the *.html files.