Archive for September, 2011

Changing skins and styles of ICR UX components

This blog post is part of the series on customizing the Adobe Integrated Content Review solution.

***

The look and feel of a UX component in the Integrated Content Review (ICR) solution can be customized to suit your business needs. You can choose to apply specific formatting and coloring styles, or even change the skin of the component.

The Asset Details pod of the solutions interface, for example, can be modified to change the way the asset attributes are displayed. In the existing layout, the Asset Details pod displays all the attributes in a single pane. You need to scroll through the pane when the attributes extend beyond the display area.

To minimize scrolling and for better accessibility, you can change the single pane format to use an accordion menu such that the system defined attributes and the custom attributes are displayed in two different panels. (This example assumes that a user is allowed to define any number of custom attributes for any asset at design time.)

To modify the Asset Details pod:

  1. Make a copy of the existing AssetDetailsPodSkin (CustomAssetDetailsPodSkin.mxml) skin and edit it.
  2. Modify the CSS (icr.css) to use the new skin.
  3. Specify the styling changes as part of the code for the skin itself, or update the CSS and apply it to the skin. For example, you can centre and underline the panel labels by associating a style with the accordion header.
    Defining your style in the CSS:

    Associating the custom style with the accordion header
    :
  4. Save and deploy the customized solution interface. See this blog post for more information on saving and deploying.
    System Attributes Panel:

    Custom Attributes Panel:

You can view the the CustomAssetDetailsPodSkin.mxml file here. See UX components for more information on UX components. For background information about setting up the ICR development environment, refer to this blog post.

 

VN:F [1.9.22_1171]
Was this helpful? Please rate the content.
Rating: 0.0/10 (0 votes cast)

ICR: Update the campaign portal SWF without redeploying the package

This blog post is part of the series on customizing the Adobe Integrated Content Review solution.

***

If you’re working with just the Flex project that ships with Integrated Content Review, you may find it convenient to update the campaign portal SWF directly without redeploying the entire package (template-integratedcontentreview-pkg.zip).

You can generate the SWF in one of the following ways:

  • Clean the solution interface project from within Flash Builder:
    • In Flash Builder, select Project > Clean. The contents of the default project output folder—ICR_SOURCE\integratedcontentreview[CampaignPortal]\bin-debug—are updated.
    • Rename the ICR.swf file in this folder to campaign_portal.swf.
  • Run build.xml:
    • Run the build.xml in the ICR_SOURCE\integratedcontentreview[CampaignPortal] folder. The contents of the ICR_SOURCE\integratedcontentreview[CampaignPortal] folder, which includes campaign_portal.swf, are updated.
Once you have the campaign_portal.swf file available, follow these steps to update it in CRX:
  1. Navigate to http://localhost:4502/crx/index.jsp and log in using admin credentials.
  2. Click Content Loader.
  3. Click Browse and select /content/icr.
  4. Click Choose File and select the campaign_portal.swf file that you just generated.
  5. Click Import.
For background information about setting up the ICR development environment, refer to this earlier blog post.
VN:F [1.9.22_1171]
Was this helpful? Please rate the content.
Rating: 0.0/10 (0 votes cast)