Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
With theme settings option, you can customize or modify Adeptia Connect UI to sync with your company branding. This gives you flexibility to set color scheme, change

With theme settings option, you can customize or modify Adeptia Connect UI to sync with your company branding. This gives you flexibility to set color scheme, change name of entities, tabs, or buttons. Following is the list of items that you can modify or customize.

ItemDescription

Tabs

Partners, Dashboard, Transactions, Configure, and My Solution.
EntitiesUpdate Entities Menu Name and Entity Name used throughout the application. Changes made in Menu Name of entities such as Partners, Networks, Templates, and Transactions will be reflected in side menu list in Partners and Transactions tabs. Changes made in Entity Name section will update the name of the entity in Dashboard, search bar, and while creating entities.
Landing PageThe page where user lands after logging in to the application.
Default ViewSet up the default view for an entity, there are two types of view: Tile or List.
Color SchemeChanges the color of Header, Toolbar, Hyperlink, and Button among others.
Visibility ControlShow or Hide the Home button and/or Partner option on the side menu.
Naming ConventionsOption to change the name of Parameter.


This page contains the following information:

Table of Contents
maxLevel3

Changing Theme

To customize the theme:

  1. Click Account > My Company.
  2. Select Theme Settings from the left pane.
  3. Click Image Removed to open the window in Edit mode.
  4. You can modify or customize settings for different items in the application

 

Expand
titleTab Settings
Click Image Removed and expand TABS
  1. .
  2. Click Image Added to open the window in Edit mode.
  3. You can modify or customize settings for different items in the application

 

Entities
Expand
titleTab Settings
title

Click Image Added and expand TABS.

Expand
titleUpdate Tab Name
  1. You can edit the tab name for Partners, Dashboard, Transactions, Configuration, and My Solutions tabs.

    Image Added

  2. Click Image Added. It will refresh the application to reflect the tab changes as shown below:

    Image Added

Note that even if you change any tab's name, the documentation will still contain the entities' name which is used in default theme i.e. Partners, Dashboard, Transactions, Configure, and My Solution.


You can edit the tab name for Partners, Dashboard, Transactions, Configuration, and My Solutions tabs.
Image Removed
Click Image Removed. It will refresh the application to reflect the tab changes as shown below:
Image Removed

Note that even if you change any tab's name, the documentation will still contain the entities' name which is used in default theme i.e. Partners, Dashboard, Transactions, Configure, and My Solution.

Click Update Icon option below the icon of the particular item (say Partners).
Image Removed

 

  • Select an icon from the Open dialog box to replace the existing icon of Partners tab and click Open.
  • Adjust Image dialog box opens where you can change the size and position of the uploaded image. Here you can also preview the logo.

    Expand
    titleUpdate Tab Name
    Expand
    titleUpdate Tab Icon
    Info
    titleNote

    It is recommended to use image with minimum dimensions 110px X 110px.

    Click Save. Application refreshes itself to reflect the changes.
    Image Removed
    Expand
    Icon
    1. Click Update Icon option below the icon of the particular item (say Partners).

      Image Added

       

    2. Select an icon from the Open dialog box to replace the existing icon of Partners tab and click Open.
    3. Adjust Image dialog box opens where you can change the size and position of the uploaded image. Here you can also preview the logo.

      Info
      titleNote

      It is recommended to use image with minimum dimensions 110px X 110px.


    4. Click Save. Application refreshes itself to reflect the changes.

      Image Added



    Expand
    titleEntities
    1. In edit mode, click Image Added and expand ENTITIES.
    2. Change the Menu Name and Entity Name of any entity. For example, change the Menu Name of Partners to 'MPartners' and Entity Name as 'EPartner'.

      Image Added

    3. Click Save. Application refreshes itself to reflect the changes.

      Image Added


      Changes made in Menu Name for Partners, Networks, Templates, and Transactions will be reflected in side menu list in Partners tab and Transactions tab. Changes made in Entity Name will update the name of the items in Dashboard, search bar, and while creating entities.

      Image Added


    Expand
    titleLanding Page
    1. In edit mode, click Image Modified and expand
    ENTITIES
    1. LANDING PAGE.
    Change the Menu Name and Entity Name of any entity. For example, change the Menu Name of Partners to 'MPartners' and Entity Name as 'EPartner'.
    Image Removed
    1. Select the default page on which the user(Company or Partner) will land, after logging in the application.

      Image Added

    2. Click Save. Application refreshes itself to reflect the changes.

      Image Modified

    Changes made in Menu Name for Partners, Networks, Templates, and Transactions will be reflected in side menu list in Partners tab and Transactions tab. Changes made in Entity Name will update the name of the items in Dashboard, search bar, and while creating entities.
    Image Removed



    Expand
    titleDefault View
    1. In edit mode, click Image Added and expand DEFAULT VIEW.
    2. Select the Tile View or List View from View Type drop-down list. This changes the default structure of the application.

      Image Added

    3. Click Save. Application refreshes itself to reflect the changes.

      Image Added


    Expand
    titleLanding PageColor Scheme

    In edit mode, click Image Modified and expand

    LANDING PAGE

    DEFAULT VIEW.

    Select the default page on which the user(Company or Partner) will land, after logging in the application.
    Image Removed
    Click Save. Application refreshes itself to reflect the changes.
    Image Removed
    Expand
    titleDefault View
  • In edit mode, click Image Removed and expand DEFAULT VIEW.
  • Select the Tile View or List View from View Type drop-down list. This changes the default structure of the application.
    Image Removed



    Expand
    titleHeader
    1. Click Image Added and expand HEADER.

      Image Added

    2. To change the font color of the text, click the color box next to Font Color option and pick a color from the palette that appears.
      Alternatively, you can also write the standard html code for any desired color if any color is not present in the palette.
    3. Select the desired color for the Background and Border.
    4. Click Save. Application refreshes itself to reflect the changes.

      Image Modified


    Expand
    In edit mode, click Image Removed and expand DEFAULT VIEW.
    Expand
    titleHeader
    title
    Color Scheme
    Components
    1. Click Image Modified and expand HEADER COMPONENTS.
      Image Removed
      Image Added

    2. To change the font color of the texttoolbars, click the color box next to Font Color Toolbar option and pick a color from the palette that appears.
      Alternatively, you can also write the standard html code for any desired color if any color is not present in the palette.
    3. Select the desired color for the Background and Bordercolors in Headers, Hyperlinks, Alternate Rows, Sidemenu Background, and Sidemenu Selection to change the color of respective items in the application.
    4. Click 'Save'. Application refreshes itself to reflect the changes.


    Expand
    titleComponentsButtons
    1. Click Image Modified and expand
    COMPONENTS
    1. BUTTONS.
    Image Removed

    1. Image Added

    2. To change the color of

    toolbars
    1. Buttons, click the color box next to

    Toolbar
    1. Solid Button option and pick a color from the palette that appears.
      Alternatively, you can also write the standard html code for any desired color if any color is not present in the palette.

    2. Select the desired colors

    in Headers, Hyperlinks, Alternate Rows, Sidemenu Background, and Sidemenu Selection to change the color of respective items in the application
    1. for Light Buttons and Text Only buttons.

    2. Click

    '
    1. Save

    '
    1. . Application refreshes itself to reflect the changes.

      Image Modified

       



    C
    Expand
    title
    Buttons
    Visibility Control
    1. In edit mode, click Image Modified and expand
    BUTTONS
    1. VISIBILITY CONTROL.

    Image Removed
  • To change the color of Buttons, click the color box next to Solid Button option and pick a color from the palette that appears.
    Alternatively, you can also write the standard html code for any desired color if any color is not present in the palette.

  • Select the desired colors for Light Buttons and Text Only buttons



    1. Image Added

    2. You can choose if you wish to see or hide:
      1. Home button: Select Show if you want the user to see the Home button in the application. Otherwise select Hide.

        Image Added

      2. Partners: Select Show if you want to see Partners option on the side menu in Partners tab. Otherwise select Hide.

        Image Added

      3. Prebuilt Templates: Select Show if your Business Users to access or view Prebuilt Templates (Data Interface, EDI Inbound & EDI Outbound). Otherwise select Hide.
      4. Internal Network: Select Show if your Business Users and Partners to view the Internal Network. Otherwise select Hide.

    3. Click Save. Application refreshes itself to reflect
    the changes.
    Image Removed

     

    Expand
    titleVisibility Control
    1. the changes.

      Image Added


    Expand
    titleDashboard Visibility Control
    Use this option to control the visibility of the menu options (Overview, Transactions, Trigger, and Channel) Dashboard.

    Image Added
    1. In edit mode, click Image RemovedImage Added and expand the DASHBOARD VISIBILITY CONTROL.
      Image Removed
      Image Added

    2. You can choose if you wish to see or hide:
      1. Home buttonOverview: Select Select Show if you want the user to see the Home button in the applicationPartners or Business User to view the Overview in Dashboard. Otherwise select Hide.
      2. Transactions: Select Show if you want to see Partners or Business Users to see the Transactions. Otherwise select Hide.
      3. Image Removed
        PartnersTrigger: Select Show if you want to see Partners option on the side menu in Partners tabPartner or Business Users to view Triggers. Otherwise select Hide.Image Removed
      4. Prebuilt TemplatesChannel: Select Show if your you want Partner or Business Users to access or view Prebuilt Templates (Data Interface, EDI Inbound & EDI Outbound)view Channel. Otherwise select Hide.Internal Network: Select Show if your Business Users and Partners to view the Internal Network. Otherwise select Hide
      5. Select the view from the drop-down list of Default Log View. The default All Messages view on the Transaction Dashboard page will be changed to the view that you have selected here.
    3. Click Save. Application refreshes itself to reflect the changes.


    Image RemovedUse this option to control the visibility of the menu options (Overview, Transactions, Trigger, and Channel) Dashboard.
    Expand
    titleDashboard Visibility Control
    Other Naming Conventions
    1. In edit mode, click and expand the DASHBOARD VISIBILITY CONTROL.
      Image Removed
    2. You can choose if you wish to see or hide:
      1. Overview: Select Show if you want the Partners or Business User to view the Overview in Dashboard. Otherwise select Hide.
      2. Transactions: Select Show if you want to see Partners or Business Users to see the Transactions. Otherwise select Hide.
      3. Trigger: Select Show if you want Partner or Business Users to view Triggers. Otherwise select Hide.
      4. Channel: Select Show if you want Partner or Business Users to view Channel. Otherwise select Hide.
      5. Select the view from the drop-down list of Default Log View. The default All Messages view on the Transaction Dashboard page will be changed to the view that you have selected here.
    3. Click Save. Application refreshes itself to reflect the changes.
      Image Removed
    Expand
    titleOther Naming Conventions
    1. In edit mode, click Image Removed and expand OTHER NAMING CONVENTIONS.
    2.  Change the Parameter Attribute to a new name (say 'Parameter Update') to replace the text 'Parameter' with 'Parameter Update' throughout the application.
      Image Removed
      Click Save. Application refreshes itself to reflect the changes.
      Image RemovedOTHER NAMING CONVENTIONS.
    3. Change the Parameter Attribute to a new name (say 'Parameter Update') to replace the text 'Parameter' with 'Parameter Update' throughout the application.

      Image Added

    4. Click Save. Application refreshes itself to reflect the changes.

      Image Added


    Expand
    titlePortal Mode

    When you are running Adeptia Connect in portal mode, you can customize the session time-out message, command button's text, and URL to which you want to redirect the user. Perform the following steps to customize the settings:

    1. In edit mode, click Image Added to expand PORTAL MODE and then SESSION EXPIRED.

      Image Added

    2. In the Message field, type the message you want to show on the session time-out page.
    3. In the Button Text field, type what you want to show as a label for the button.
    4. In the URL field, enter the URL to which you want to redirect the user.

      Note
      This URL can be an internal or an external URL.


    5. Click Save.


    Expand
    titleRestore to Default

    In edit mode, click Restore to default to restore all Theme Settings to their Default state.

    Export and import Theme settings

    You can export theme settings, applied at one Company user, in a compressed .zip folder and import it to an instance of another company user.

    1. Click Account > My Company.
    2. Select Theme Settings from the left pane.
    3. Click Export to download a compressed file. This file contains current Theme settings.

      Info
      Note that you cannot download a file when default theme is applied.



      Click Import and upload this compressed file (.zip folder is downloaded using the Export Button) to apply this theme on Adeptia Connect.

     


    Panel
    borderStylesolid
    titleYou may be interested in...
    What's new
    Best practices
    Frequently asked questions
    Adeptia Connect APIs
    Adeptia security report


    Panel
    borderStylesolid
    titleRelated links
    PD Theme settings