Rebranding the ICR solution interface

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

***

Integrated Content Review solution interface is a Flex® application, which is the default implementation. You can customize the default Adobe branding across the solution interface.

As an example, let us change the Adobe logo in the top-left corner of the solution interface. To do so, follow these steps:

  1. Open the Campaign Portal project in the Package Explorer view, in Flash® Builder®.
  2. Navigate to the desired skin file and open it. To change the logo, navigate to CampaignPortal > src > main > flex > com.adobe.solutions.icr.common > skins > ApplicationHeaderSkin.mxml.
  3. Make the requisite modifications. To change the logo, replace the existing path with the path to a custom logo image file, at the location shown in the following screenshot.

    Path of ICR logo file

    Path of ICR logo file

  4. After making the requisite changes, rebuild and redeploy the solution interface. To do so, refer to Setting up your development environment.

Note: The logo must be 107 x 47 pixels or smaller in size. If it is larger, then use the width and height properties, as shown below, to resize it.

Dimensions of ICR logo file

Dimensions of ICR logo file

 

See also:
This page, to know more about ICR solution.
The solution guide to get started with the solution.

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

ICR customization to display custom asset attributes in advanced search

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

***
In the Assets view of the Integrated Content Review solution interface, you can find an asset using either basic or advanced search. You can perform advanced search using search attributes, such as campaign name, manager, state, status, and timeline. Besides these attributes, you can create new search attributes. These custom attributes appear in the advanced search options and search results.

To modify the advanced search parameters, you must update the FML file describing an asset. A few custom attributes for assets are predefined—for example, brand of an asset, asset height, asset width, and so on.

The following steps use a pre-defined, asset-level attribute to modify an asset’s FML file:

  1. Open workItem.fml located at: ICR_SOURCE/integratedcontentreview/package_data/apps/solutions/icr/assetDefinitions/.
  2. Add properties (described below) in the entity for workitem.fml.
  3. Update the solution interface. (Refer to Setting up your development environment to do so.)

Following is an explanation of the properties of the attribute:

  • visible: Marking its value as True makes it visible in the search results.
  • searchable: Marking its value as True makes it visible in the advanced search pane.
  • extendedPropertyPath: Path of this attribute.
  • assetPropertyType: Marking assetPropertyType as “extended” indicates using extendedPropertyPath attribute, instead of searchPath attribute, to search for the brand name.

For example, the following sample can be used to add a new attribute titled Brand in the advanced search pane.

<property name=”brandName” type=”string”>
<annotation name=”DDS”>
<item name=”displayName”>Brand</item>
<item name=”visible”>true</item>
<item name=”searchable”>true</item>
<item name=”searchPath”>WorkItem.attributes.brand</item>
<item name=”columnOrder”>5</item>
<item name=”basicSearchEnabled”>false</item>
<item name=”extendedPropertyPath”>WorkItem.attributes.brand</item>
<item name=”assetPropertyType”>extended</item>
</annotation>
</property>

An instance of the advanced search pane and the search results, as they appear after this customization, are shown below.

Custom attributes in advanced search pane

Custom attributes in advanced search pane

Further references:
This ICR page, to know more about the solution.
The solution guide to get started with the solution.

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

ICR: Add custom asset attributes

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

***

Integrated Content Review lets you define custom asset attributes that are listed in the solution interface Asset Details pod as well as the Task Details area in the Adobe Creative Suite Task List Extension for ICR.

In this blog post, we’ll learn how to perform the following tasks:

  • Create custom attributes using Adobe CRXDE
  • Modify the appropriate orchestration in Workbench to ensure that custom attributes are displayed in the Task List extension
  • Test the newly added attributes

For detailed information about each of these tasks, refer to this PDF document (download).

Optional background reading

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

Changing application fonts for the ICR solution interface

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

***

The applications shipped as part of the Integrated Content Review (ICR) Solution interface use certain default fonts to display text. You can customize your application and change the default font to suit your requirements. The CampaignPortal Flex application, for example, uses the MyriadPro font.

The default font files for the CampaignPortal project are located at campaign_portal\src\main\flex\assets\fonts. The fonts used by the application are defined in the style sheet file, icr.css.

 

To change the font, create new font files for the project and update the style sheet, icr.css, with the path to these new font files:

    1. In Flash Builder, open the CampaignPortal project in the Package Explorer view.
    2. Copy the font files that you want the application to use.
    3. Navigate to CampaignPortal > src > main > flex > assets > fonts.
    4. Right-click fonts and select Paste to paste the font files to the fonts directory.
    5. Navigate to CampaignPortal > src > main > flex > css > icr.css.
    6. Open the style sheet, icr.css, in the editor.
    7. Update the paths to the font files to point to the new font files.
    8. Rebuild and redeploy the package. See this blog post for more information on building and deploying.

 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)

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)

Setting up the ICR development environment

This is the first blog post in the series on customizing the Adobe Integrated Content Review solution.

***

The Integrated Content Review solution ships with a solution interface and building blocks that you can customize as per your organization’s requirements. Before you set out to customize these components, you must first set up your development environment. Setting up the ICR development environment involves the following broad steps:

  1. Set up prerequisites
  2. Locate the solution interface and required dependencies
  3. Understand available projects
  4. Set up available projects in Flash Builder
  5. Set up Java projects in Eclipse
  6. Build and deploy the solution interface

For detailed information about each of these steps, refer to this PDF document (download).

Watch out this space for more customization scenarios for ICR!

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

Integrated Content Review user scenarios

The Integrated Content Review solution enables enterprises to streamline the planning, creation, review, approval, and archiving of assets used in digital marketing campaigns. The solution includes a solution interface and the Adobe Creative Suite Task List Extension for Integrated Content Review.

Using the solution interface, you can manage assets through creation, review, and approval workflows. The Creative Suite Task List extension lets creative professionals submit artifacts for review and receive comments and approval from right within Adobe Illustrator, InDesign, and Photoshop.

The infographic below captures the ICR workflow and user scenarios, together with the roles/personas involved at each step. (Click the image to view it full-size).

For descriptions of ICR roles/personas and user scenarios, see this chapter in the Integrated Content Review 10.0 Solution Guide.

For further information, you can refer to the following resources:

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

Getting Started with Adobe Customer Experience Solutions

Adobe Customer Experience Solutions help create, manage, and deliver high-impact, personalized interactions that captivate customers and extend brand values across digital channels. Powered by the Adobe Digital Enterprise Platform (ADEP), these solutions include rich enterprise applications and friendly user interfaces.

To understand Adobe’s Customer Experience Management philosophy and roadmap, view this great interview by Ben Watson, Adobe’s principal customer experience strategist.

Ben talks about Customer Experience Solutions as being integral to the manage part of Adobe’s becoming a make, manage, and measure brand.

So ultimately, we are becoming the make, manage and measure brand, as I think about it, in the enterprise. While we are probably still best known for ‘make’, in terms of Photoshop, Illustrator – our design tools – Acrobat for making documents, Flash for making multimedia presentations on the web or for delivering and making applications, and delivering an actual interactive application. I would argue that in the web space we are pretty well known from a measuring perspective as well. The acquisition of Omniture a few years has grown into the Adobe Online Marketing Suite, and we have a strong set of tools there around, not just measurement of web activity, but now measurement of social activity analytics that are relative to the communities you might be forming at an enterprise, or also your work that you do with third party communities, like the major social networks, etc.

Here in the middle are these set of technologies that I am focused on which are ultimately the management. By management I mean web content management, business process management and rolling all of this up under the umbrella of customer experience management.

You can read the transcript of the interview here.

While you’re reading up more and getting started, here are a few other resources you’ll find helpful:

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

ADEP now available!

Adobe Digital Enterprise Platform (ADEP), formerly Adobe LiveCycle and CRX, is a composite content application platform for rapidly deploying Adobe’s Customer Experience Solutions and building custom customer experience management applications.

Learn more about the product, trial downloads, and, of course, the help by checking out http://www.adobe.com/devnet/enterprise-platform.html.

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