Visualizzazione del contenuto dell'aiuto per la versione :

Overview

Adobe Experience Manager Mobile lets you create content-rich and utility-based cross-platform mobile applications. For more information on AEM Mobile, see Developing Mobile Applications in AEM.

When you create a mobile app using AEM Mobile, you can embed a responsive and engaging adaptive form or document. Embedding an adaptive form lets you create a customized data capturing experience. For example, you want to create an app for your online retail site. You use an adaptive form that lets your customers provide personal details such as name, address, social security number, and credit card number. When you create an app using AEM Mobile, you can embed the adaptive form in your app. In addition to adaptive forms, you can add adaptive documents in your app. 

Nota:

Currently, users can see and fill a form only if the app is online. 

Embedding an adaptive form or document in AEM Mobile using AEM Form component

Configuration

The AEM Form component relies on client side javascript to function correctly. Component initialization and runtime logic is handled by the clientlib: aemfd.mobile.angular.core. For the component to work properly, ensure that the client library is available offline in your app.

To ensure availability of the client library offline, make appropriate changes in content sync configuration. See recommendation to make appropriate changes in content sync configuration in the JAVASCRIPT AND CSS CLIENTLIBS section in Structure an App.

Nota:

For out-of-the-box Geometrixx Outdoors app, add a corresponding entry to aemfd.mobile.angular.core  in the embed property of the clientlib located at /etc/designs/phonegap/geometrixx/ng-outdoors/ng-clientlibsall.

Using AEM Forms component

Use AEM Form component to add an adaptive form or document in your app. AEM Forms component lets you provide offline and thank you messages that customers see when the app is offline or when they submit the form.

Perform the following steps to use the component that lets you embed an adaptive form or document in AEM Mobile:

  1. Open the app page in edit mode.

    When you open the app page in edit mode, ensure that the side panel is visible. Use Toggle Side Panel in the page toolbar to show or hide it.

  2. From the Component browser panel, drag-drop the AEM Form component on the page. 

  3. Tap AEM Form and then tap  on the action bar. The AEM Form dialog opens.

    Based on the Asset Type you select, your options vary. 

  4. In the AEM Form dialog, specify the following.

    For Adaptive Form asset type:

    Asset Path

    Browse and select the adaptive form to embed.

    Thank You Message

    Write a message using the rich text editor to show on form submission.

    Theme

    (Optional) Browse and select a theme that defines styling for components of your adaptive form. Styling includes appearance properties such as font style, background color, dimensions, and alignment.

    See Themes in AEM Forms

    Use Page Language

    Enable this option to let the AEM Form use the language of the page app. 

    Height

    (Optional) Specify the height of the container in pixels. You can leave it empty so that the height of the container adjusts automatically according to the device display size. 

    CSS Client Library

    (Optional) If an adaptive form theme is not associated, you can specify a CSS client library the form can fallback to. 

    Offline Message

    Lets you provide a message your users see when they try to open the form and the app is offline.

    For Adaptive Document asset type:

    Asset Path

    Lets you browse and select the adaptive document you want to embed in the page.

    Height

    (Optional) Specify the height of the container in pixels. You can leave it empty so that the height of the container adjusts automatically according to the device display size. 

    CSS Client Library

    (Optional) If an adaptive form theme is not associated, you can specify a CSS client library the form can fallback to. 

    Offline Message

    Lets you provide a message your users see when they try to open the document and the app is offline.

  5. Tap  to save the settings. The adaptive form or document is now embedded in the page.

Embedding an adaptive form or document in AEM Mobile using asset browser

You can drag-drop your forms and documents as assets which your customers can see in your app. Perform the following steps to add an adaptive form in AEM Mobile using asset browser.  

  1. Open the app page in edit mode.

  2. From the drop-down under Assets in the sidebar, select Adaptive Form.

    Selecting Adaptive Form in the asset drop-down
    Selecting Adaptive Form in the asset drop-down

    The asset browser filters and lists all the adaptive forms available on the AEM Forms server.

  3. Drag-drop the form on your app page to embed the form in your app.

    Form automatically adjusts to the available space. When you edit the form, the form opens separately in the editor.

    Currently, you can add only one form in the page.

    Nota:

    To add adaptive documents in AEM Mobile, select Adaptive Document instead of Adaptive Form in the previous step.

Questo prodotto è concesso in licenza in base alla licenza di Attribuzione-Non commerciale-Condividi allo stesso modo 3.0 Unported di Creative Commons.  I post su Twitter™ e Facebook non sono coperti dai termini di Creative Commons.

Note legali   |   Informativa sulla privacy online