Administration

1. Set the background page properties.

Use backoffice forms configuration when displaying an element.

Title

If no background color is set, the primary color of the theme will be chosen.

Example: 0px (no rounding), 10px (light rounding), 50px (very rounded) or 50% (elliptical)

If a background color is set, but no hover color, the hover color will be the same as the background, but slightly darkened.

The names of icons that can be used are available here: https://fontawesome.com/search?m=free&o=r. Click on the icons and retrieve the value in 'class'. ex: fa-arrow-right

If a background color is set, the border color.

Example: 0px (no rounding), 8px (light rounding), 16px (very rounded) or 50% (elliptical)

By selecting FILLED, the label will be filled with the selected color. By selecting OUTLINED, the label will only have a border of the selected color.

If the default display is not among the available modes, then the default display will take the first available.

For this to work, you must add mediaType in the technical fields of the search page.

This list is only used if the "CAN_CHOOSE_DOWNLOAD_REQUEST_RESPONSIBLES" techpro is "true".

Otherwise, if the "REQUEST_DOWNLOAD_FOLDER_MODE_ENABLED" techpro is "true", we will recover the managers on the folder.
Otherwise, we look at the level of those responsible for the profile of the user who makes the request.

If no manager is found and the request comes from an authenticated user, the admin user (id=2) will be the manager.
In the case where the request is not authenticated (visitor or public download request) we will obtain the manager from the database.

The conditions defined below are applied to the download manager and the share manager.

Documentation link : <a target='_blank' href='https://docs.google.com/presentation/d/1es8fnUV6LpOlBUNuWZsYv-s0znmAyutYQolqYvFrG78/edit#slide=id.g1085a417a49_0_131'>https://docs.google.com/presentation/d/1es8fnUV6LpOlBUNuWZsYv-s0znmAyutYQolqYvFrG78/edit#slide=id.g1085a417a49_0_131</a>

Documentation link : <a target='_blank' href='https://docs.google.com/presentation/d/1es8fnUV6LpOlBUNuWZsYv-s0znmAyutYQolqYvFrG78/edit#slide=id.g1085a417a49_0_99'>https://docs.google.com/presentation/d/1es8fnUV6LpOlBUNuWZsYv-s0znmAyutYQolqYvFrG78/edit#slide=id.g1085a417a49_0_99</a>

Optional configuration to define which form ID to use per type of form. Otherwise, the selection will be automatic.

When indexing elements, allows you to fill all the data languages configured in the backoffice.
Otherwise, only the data language corresponding to the user's interface language is valued.

The thesaurus field has two display modes, a field with suggestion and a field with tree view. It is possible to switch from one to the other using a button. By default, the suggestion mode is displayed first, you can change this default mode.

Example: 0px (no rounding), 10px (light rounding), 20px (very rounded)

Allows you to define a list of search fields that can be selected in order to perform an exact search on the field. (example: reference_unique)

Text color (CSS color, ex: red | #fff | #35AB43)

The management of cookie consent is only offered if Didomi is activated. If you uncheck this management from the user menu, make sure it is still present in the footer.

Display criteria: if auto-login is enabled, if the Keycloak configuration allows for guest login, if third-party identity providers are configured, and if the current user is a public visitor, then the login button will be displayed.

Example: 0px (no rounding), 150px (light rounding), 300px (very rounded) or 50% (round)

Documentation link : <a target='_blank' href='https://docs.google.com/presentation/d/1es8fnUV6LpOlBUNuWZsYv-s0znmAyutYQolqYvFrG78/edit#slide=id.g1085a417a49_0_107'>https://docs.google.com/presentation/d/1es8fnUV6LpOlBUNuWZsYv-s0znmAyutYQolqYvFrG78/edit#slide=id.g1085a417a49_0_107</a>

Alternate link text

Alternative text for the link

Background color

Rounded Widget

Chip

Content

Section title widget

Example: 0px (no rounding), 20px (light rounding), 60px (very rounded) or 50% (round)

Documentation link : <a target='_blank' href='https://docs.google.com/presentation/d/1es8fnUV6LpOlBUNuWZsYv-s0znmAyutYQolqYvFrG78/edit#slide=id.g1085a417a49_0_85'>https://docs.google.com/presentation/d/1es8fnUV6LpOlBUNuWZsYv-s0znmAyutYQolqYvFrG78/edit#slide=id.g1085a417a49_0_85</a>

Link to the description of a MUI container : <a href='https://material-ui.com/components/container'>https://material-ui.com/components/container</a>

Show sub-folders count

<Popover helpText="More information on sizes"> S
<ul>
<li>Widescreen (PC): up to 6 folders in one line.</li>
<li>Medium screen (Tablet): up to 3 folders on one line.</li>
<li>Small screen (Telephone): up to 2 folders on one line.&nbsp;</li>
</ul>
M
<ul>
<li>Widescreen (PC): up to 4 folders in one line.</li>
<li>Medium screen (Tablet): up to 3 folders on one line.</li>
<li>Small screen (Telephone): up to 2 folders on one line.&nbsp;</li>
</ul>
L
<ul>
<li>Widescreen (PC): up to 3 folders on one line.</li>
<li>Medium screen (Tablet): up to 2 folders on one line.</li>
<li>Small screen (Telephone): 1 folder on one line.</li>
</ul>
XL
<ul>
<li>Widescreen (PC): up to 2 folders on one line.</li>
<li>Medium screen (Tablet): up to 2 folders on one line.</li>
<li>Small screen (Telephone): 1 folder on one line.</li>
</ul></Popover>

Title above the mosaic

Element title

Fill in this field if you wish to display a specific report, if the field is left blank it will display the report related to the current media.

Bienvenue sur notre site web!

Welcome to our website!

Example: 0px (no rounding), 150px (light rounding), 300px (very rounded), 50% (ellyptical)

Documentation link : <a target='_blank' href='https://docs.google.com/presentation/d/1es8fnUV6LpOlBUNuWZsYv-s0znmAyutYQolqYvFrG78/edit#slide=id.ge335175402_0_36'>https://docs.google.com/presentation/d/1es8fnUV6LpOlBUNuWZsYv-s0znmAyutYQolqYvFrG78/edit#slide=id.ge335175402_0_36</a>

The share manager let you give access to content outside the platform.

The tech pro THUMBNAIL_GENERATION_SERVICE_CONFIGURATION must be valued on the BackOffice for Dynameek to be operational on the ReFront.

Activate

Dynameek Configuration

This action will overwrite current page configuration. Don't forget to save your configuration after copy.

Copy configuration from "{{section}}" page

Before proceeding please check information bellow

Import production configuration

Import confirmation

Download the configuration of {{date}}.

Configuration of {{date}} restored

Update history

Corresponds to the section ID or internal name of the field

Folder

5. Accept Terms and Conditions Button Title

7. Link Back to Login Page Content

The resource "Terms and Conditions to be Accepted by Users" is linked for all custom wording.

Set the checkbox text.

4. Set up the checkbox.

6. Content to be displayed upon acceptance of terms of use (e.g. contact us if you have any problems or questions).

2. Pop-up Header Title (and Text)

Set up the first login acceptance pop-up for legal notices (e.g. GDPR, T&Cs, conditions, etc.).

These filters apply to all pages containing items. We use "advanced search" type filters

Template Compact A

Template Compact B

Discovery Template

Simple template

You are about to import the template '{{templateName}}'.

Warning: The site configuration will be replaced.

Thematic Template

Available Templates

Import a template

Please indicate the ID of the folder in which the elements will be imported. WARNING: this folder must be accessible to the user who will carry out the import.

This option allow usage of corresponding logged page configuration. If updates are needed, please select CUSTOM and use copy button to easily get configuration.

The publication of the login page label changes will take a minute. After this time, remember to reload the application (F5) to view the changes.

The publication of your changes will take a minute. After this time, remember to reload the application (F5) to view the changes.

Background image

Background video

By default the button takes all the available width. If you want to reduce its size by half, enter 50%. If you want to change the pixel size, the default button size is around 400px.

Display title

A theme unit is most often equal to 8px. By default the height is 5 theme units, so 40 pixels.

Logo image

By default the panel is 800px wide. To make the panel take up half the screen you can enter 100%.

Section title

'Title' attribute to describe the link

Link type, it can be a specific URL or Didomi to open Didomi consent popup

Select active locales

It's the beginning of something BIG! Follow these steps to launch your ReFront in no time.

First steps

Hu Ho! You're not connected as a Tech Admin. Please log out to relaunch the onboarding process.

Congrats, you can now go to the administration to adjust your configuration or the home page to visit your ReFront

The page dataview configuration (filters, fields, sorting...) is automatically carried over to this page.

The "Baskets" page has default components inherited from the search page. If this configuration does not suit you, you can create your custom page using this configuration page.

Documentation link : <a target='_blank' href='https://docs.google.com/presentation/d/1es8fnUV6LpOlBUNuWZsYv-s0znmAyutYQolqYvFrG78/edit#slide=id.ge28c33fafd_0_79'>https://docs.google.com/presentation/d/1es8fnUV6LpOlBUNuWZsYv-s0znmAyutYQolqYvFrG78/edit#slide=id.ge28c33fafd_0_79</a>

Sections are used to group fields, they are used as titles. Ex: General Description

By enabling automatic redirection, the user will be automatically directed to the form to be completed.

Automatically redirect to the form

Button Name

Show the button to the form

Redirect to the form from a URL.

Set up the content of the different screens upon first login, screen by screen.

3. Content of the link back to the login page

2. Content of the first welcome tour

Error on first login

This "hash" was sent to you when the form was created; it is the unique part of the form URL (e.g. 86e7ba9b631c30e1b1434043d152c240). If you only have one form to configure, it is not necessary to fill in this field; the link between the two will be automatic.

Matching form hash.

Hide the link back to the login page

Unauthorized first login with a form.

4. Content of the link back to the login page

3. Set the button to redirect to the form

Unauthorized first login without form.

First login pending

By activating this option, the user will not see the welcome screen of the registration form and will automatically be directed to the form to be completed.

Do not display the welcome screen

Configuring Content to Display on First Login

Documentation link: <a target='_blank' href='https://docs.google.com/presentation/d/1es8fnUV6LpOlBUNuWZsYv-s0znmAyutYQolqYvFrG78/edit#slide=id.ge28c33fafd_0_71'>https://docs.google.com/presentation/d/1es8fnUV6LpOlBUNuWZsYv-s0znmAyutYQolqYvFrG78/edit#slide=id.ge28c33fafd_0_71</a>

If only the default fields (ID and title) are displayed, this page must be published at least once for it to be taken into account.

If no form then the corresponding technical fields will be sent in the API request but not displayed.

You are about to remove the resource '{{id}}' with file name '{{fileName}}'. Caution, check if this resource is used in one of the configurations. The link to this resource will be broken. Do you want to continue?

Resource delete

List of resources

Each filter has a display type and a field on which the filter will be based. The different display types:

Filter

A section allows to group several filters into the same category. It has a title and it contains filters.

Section

No filter is currently configured

If no breakpoint is configured, by default we use 12 XS

<a target='_blank' href='https://mui.com/material-ui/react-grid/#row-amp-column-spacing'>Link to documentation</a>

<a target='_blank' href='https://mui.com/material-ui/react-grid/#spacing'>Link to documentation</a>

In the case of a "FONT" type asset, it is possible to define several urls in order to use several fonts

Allows you to configure the site's assets

Assign here the fonts that have been defined in the resources. Make sure to publish your changes when you add a new resource, so you will have access to it in the font assignment.

Add here all the fonts you want to use on the portal.

Example : https://assets10.keepeek.com/medias/domain12799/reFront/LeagueSpartan.ttf

Widget id: {{id}}

There is no widget selected. Widgets are a great way to build your page by content type.

If you do not find a widget, configure it first in your admin panel on the left.

Select a widget within your configured ones.

Configure a widget prior to use it, the first widgets usualy configured are:

You do not have any configured widget yet

Widget selection

This field is deprecated. Please use resource below

Visual alerts (tags with buisness rules)

Customize the content of the error page displayed by the WAF. WARNING: this content will be publicly accessible. To return to the original (non-customized) content, simply empty the field below and publish it.

Keepeek

Application title

Pick in your baskets or <1>create a new one</1> to add your selected asset.

Pick in your baskets or <1>create a new one</1> to add your selected assets.

Choose in which basket you want to add your asset

Choose in which basket you want to add your assets

Create a basket

Are you sure you want to delete {{title}} basket?

Delete basket

Edit title

Information

Clear basket

Enter an access code, it will be asked to the user to type it to see the shared basket.

Access code

Activate public sharing of my basket «{{basketTitle}}»

Enable attachments access and download. Authorized definition option must be set to high definition and original.

Attachments access and download

Enable the automatic deactivation at this date

Automatically deactivate the link to your shared basket at a given date.

Deactivation date

Low definition

High definition and orignal

The user cannot download

You do not have high definition rights for at least one item in the cart.

Choose authorized definitions that can be downloaded through shared basket link.

You do not have High Definition and Low Definition rights for at least one item in the basket.

Authorized definitions

This link is public: anyone with this link will be able to access your shared basket.

Link to your shared basket

<h1>My Baskets ({{count}})</h1>

The page you are trying to reach does not exist.

404!

Please find a link to download the asset(s): {{downloadUrl}}

Asset(s) selection

You do not have access to any definitions yet

You only have access to low definition formats

Ask for format

Ask for other formats

I acknowledge that I have read the privacy policy and agree to the use of my personal data as described.

What are you looking for?

An error has occurred! Please try again later. If the problem persists, please contact your administrator for more information.

Your login information is correct! However, you do not yet have permission to access this portal. Please fill out this form to complete your access request.

Your login information is correct! However, you do not have the right to access this portal.

Your login information is correct! However, you do not yet have permission to access this portal. An administrator will process your access request shortly and you will be notified by email when your access is enabled.

This step shouldn't take that long.
Logging back in might resolve this unusually slow issue.

Basket - {{basketTitle}}

My Baskets

Connection

Asset

Home

Search

Shared asset

Shared basket

Share

Activate access and download of attachments. The authorized definition must be set to high definition and originals.

CFAC_EC_J118_322