Creating a new login screen

Поиск

Последнее обновление 21 мая 2021 г. | Также применяется к Adobe LiveCycle

You can modify the login screen of all Adobe® LiveCycle® modules that use the LiveCycle login screen. For example, the modifications affect the login screen of, both, Forms Manager and HTML Workspace.

Prerequisite

Log in at /lc/crx/de with Administrator permissions.
Perform the following actions:
1. Replicate the hierarchical structure: of /libs/livecycle/core/content at /apps/livecycle/core/content. Maintain the same (node/folder) properties and access control.
2. Copy the content folder: from /libs/livecycle/core to /apps/livecycle/core.
3. Delete the contents of /apps/livecycle/core folder.
Perform these actions:
1. Replicate the hierarchical structure: of /libs/livecycle/core/components/login at /apps/livecycle/core/components/login. Maintain the same (node/folder) properties and access control.
2. Copy the components folder: from /libs/livecycle/core to /apps/livecycle/core.
3. Delete the contents of the folder: /apps/livecycle/core/components/login.

Adding a new locale

Copy the i18n folder:
- from /libs/livecycle/core/components/login
- to /apps/livecycle/core/components/login
Delete all the folders inside i18n except one, say en.
On the folder en, perform these actions:
1. Rename the folder to the locale name you wish to support. For example, ar.
2. Change the property jcr:language value to ar (for the ar folder).
Примечание.

If locale is a language-country code combination, say, ar-DZ, then change the folder name and property value to ar-DZ.
Copy login.jsp:
- from /libs/livecycle/core/components/login
- to /apps/livecycle/core/components/login

Modify the following snippet of code for /apps/livecycle/core/components/login/login.jsp:

Locale is language code

String browserLocale = "en";
    for(int i=0; i<locales.length; i++)
    {
        String prioperty = locales[i];
        if(prioperty.trim().startsWith("en")) {
            browserLocale = "en";
            break;
        }
        if(prioperty.trim().startsWith("de")){
            browserLocale = "de";
            break;
        }
        if(prioperty.trim().startsWith("ja")){
            browserLocale = "ja";
            break;
        }
        if(prioperty.trim().startsWith("fr")){
            browserLocale = "fr";
            break;
        }
    }

To

String browserLocale = "en";
    for(int i=0; i<locales.length; i++)
    {
        String prioperty = locales[i];
        if(prioperty.trim().startsWith("ar")) {
            browserLocale = "ar";
            break;
        }
        if(prioperty.trim().startsWith("en")) {
            browserLocale = "en";
            break;
        }
        if(prioperty.trim().startsWith("de")){
            browserLocale = "de";
            break;
        }
        if(prioperty.trim().startsWith("ja")){
            browserLocale = "ja";
            break;
        }
        if(prioperty.trim().startsWith("fr")){
            browserLocale = "fr";
            break;
        }
    }

Locale is language-country code

String browserLocale = "en";
    for(int i=0; i<locales.length; i++)
    {
        String prioperty = locales[i];
        if(prioperty.trim().startsWith("en")) {
            browserLocale = "en";
            break;
        }
        if(prioperty.trim().startsWith("de")){
            browserLocale = "de";
            break;
        }
        if(prioperty.trim().startsWith("ja")){
            browserLocale = "ja";
            break;
        }
        if(prioperty.trim().startsWith("fr")){
            browserLocale = "fr";
            break;
        }
    }

To

String browserLocale = "en";
    for(int i=0; i<locales.length; i++)
    {
        String prioperty = locales[i];
        if(prioperty.trim().equalsIgnoreCase("ar-DZ")) {
            browserLocale = "ar-DZ";
            break;
        }
        if(prioperty.trim().startsWith("en")) {
            browserLocale = "en";
            break;
        }
        if(prioperty.trim().startsWith("de")){
            browserLocale = "de";
            break;
        }
        if(prioperty.trim().startsWith("ja")){
            browserLocale = "ja";
            break;
        }
        if(prioperty.trim().startsWith("fr")){
            browserLocale = "fr";
            break;
        }
    }

To change Default locale

String browserLocale = "en";
for(int i=0; i<locales.length; i++)

To

String browserLocale = "ar";
for(int i=0; i<locales.length; i++)

Adding new text, or modifying existing text

Copy i18n folder:
- from /libs/livecycle/core/components/login
- to /apps/livecycle/core/components/login
Now modify the value of the property sling:message of the node (under the desired locale code folder) for which you wish to change the text. Translation is done via the key mentioned in the value of sling:key property of the node.
For adding new key-value pair, perform the following actions. Check an example in the screenshot that follows.
1. Create a node of type sling:MessageEntry, or copy an existing node and rename it, under all the locale folders.
2. Copy login.jsp :
 
 from /libs/livecycle/core/components/login
 
 to /apps/livecycle/core/components/login
3. Modify /apps/livecycle/core/components/login/login.jsp to incorporate the newly added text.
```
div class="loginContent">
 
 <%= i18n.get("Version: 11.0.0") %>
 <%= i18n.get("Login") %>
 <% if (loginFailed) {%>

To

div class="loginContent">
 
 <%= i18n.get("My Welcome Message") %>
 <%= i18n.get("Version: 11.0.0") %>
 <%= i18n.get("Login") %>
 <% if (loginFailed) {%>
```

Adding new style, or modifying existing style

Copy login node:
- from /libs/livecycle/core/content
- to /apps/livecycle/core/content
Delete files login.js and jquery-1.8.0.min.js, from the node /apps/livecycle/core/content/login.
Modify the styles in the CSS file.
To add new styles:
1. Add new styles to /apps/livecycle/core/content/login/login.css
2. Copy login.jsp
  
  from /libs/livecycle/core/components/login
  
  to /apps/livecycle/core/components/login
3. Modify /apps/livecycle/core/components/login/login.jsp to incorporate the newly added styles.

For example:

Add the following to /apps/livecycle/core/content/login/login.css.

.newLoginContentArea {
 width: 700px;
 padding: 100px 0px 0px 100px;
}

Modify following in /apps/livecycle/core/components/login.jsp.

<div class="loginContentArea">

To

<div class="newLoginContentArea">

Примечание.

If the existing images in /apps/livecycle/core/content/login (copied from /libs/livecycle/core/content/login) are removed, then remove the corresponding references in CSS.

Add new images

Follow the steps of Adding new style, or modifying existing style (documented above).
Add new images in /apps/livecycle/core/content/login. To add image:
1. Install WebDAV client.
2. Navigate to /apps/livecycle/core/content/login folder, using webDAV client. For more information, see: Webdav Access.
3. Add new images.
Add new styles in /apps/livecycle/core/content/login/login.css, corresponding to new images added in /apps/livecycle/core/content/login.
Use the new styles in login.jsp at /apps/livecycle/core/components.

For Example:

Add the following to /apps/livecycle/core/content/login/login.css

.newLoginContainerBkg {
 background-image: url(my_Bg.gif);
 background-repeat: no-repeat;
 background-position: left top;
 width: 727px;
}

Modify following in /apps/livecycle/core/components/login.jsp.

<div class="loginContainerBkg">

To

<div class="newLginContainerBkg">

More like this

Adobe

Получайте помощь быстрее и проще

Новый пользователь?