Giter VIP home page Giter VIP logo

style-non-current-items's Introduction

Style Non-Current Items

Demonstrates two ways to style the form of a non-current version of an item.

  1. Change the background color of the non-current item's form.
  2. Display a watermark/overlay image indicating that the item displayed is not current.

History

Release Notes
v1.1.0 Updated code for new part bug; verified on 12.0
v1.0.1 Tested 11.0 SP12, SP15. Tested on Edge, Firefox 60 ESR, Chrome.
v1.0.0 First release. Tested on Internet Explorer 11, Firefox 38 ESR, Chrome. Though built and tested using Aras 11.0 SP7, this project should function in older releases of Aras 11.0 and Aras 10.0.

Supported Aras Versions

Project Aras
v1.1.0 10.0+, 11.0+, 12.0+
v1.0.1 10.0 SPx, 11.0 SP7+, 11.0 SP12+, 11.0 SP15
v1.0.0 10.0 SPx, 11.0 SP7; Old Community Board Migration

How It Works

The project's import package includes two methods - labs_StyleNonCurrent and labs_NonCurrentOverlay. Both use the same basic logic to determine whether the context item is the current version.

First we check whether the context item includes the is_current property. If so, we proceed with that value. If not, we retrieve the is_current property from the server. If the is_current property's value is 0, we style the form accordingly:

  • labs_StyleNonCurrent: changes the background color of the item's form
  • labs_NonCurrentOverlay: displays an HTML field containing a watermark image

Installation

Important!

Always back up your code tree and database before applying an import package or code tree patch!

Pre-requisites

  1. Aras Innovator installed (current released version preferred)
  2. Aras Package Import tool
  3. StyleNonCurrentItems import package
  4. StyleNonCurrentItems code tree overlay

Install Steps

  1. Backup your code tree and store the backup in a safe place.
  2. Copy the Innovator folder from the project's CodeTree subdirectory.
  3. Paste the Innovator folder into the root directory of your Aras installation.
  • Tip: This is the same directory that contains the InnovatorServerConfig.xml file.
  1. Backup your database and store the BAK file in a safe place.
  2. Open up the Aras Package Import tool.
  3. Enter your login credentials and click Login
  • Note: You must login as root for the package import to succeed!
  1. Enter the package name in the TargetRelease field.
  • Optional: Enter a description in the Description field.
  1. Enter the path to your local ..\StyleNonCurrentItems\Import\imports.mf file in the Manifest File field.
  2. Select StyleNonCurrentItems in the Available for Import field.
  3. Select Type = Merge and Mode = Thorough Mode.
  4. Click Import in the top left corner.
  5. Close the Aras Package Import tool.

You are now ready to login to Aras and check out the examples for customizing non-current items' forms.

Usage

Change the Background Color

Custom Background Color

  1. Log in to Aras as admin.
  2. Click Administration > Forms and search for the Part form.
  3. Open the Part form for editing.
  4. Click the Form Event tab.
  5. Find labs_StyleNonCurrent in the grid and set the Event column value to OnLoad.
  6. Save the form.
  7. Click Design > Parts in the table of contents (TOC).
  8. Open an existing Part with previous versions (generation > 1).
  9. On the Part form, click Navigate > Revisions. (v12)
    • On the Part form, click View > Revisions. (v11)
  10. In the resulting dialog, double-click one of the previous generations of the Part.

The Part form that appears will have a grey background. If you would like to change the color or style applied to non-current items, you can edit the labs_StyleNonCurrent method.

Display a Watermark Image

Watermark Image

  1. Log in to Aras as admin.
  2. Click Administration > Forms and search for the Part form.
  3. Open the Part form for editing.
  4. Click the Form Event tab.
  5. Find labs_NonCurrentOverlay in the grid and set the Event column value to OnLoad.
  6. Find labs_StyleNonCurrent in the grid and confirm the Event column value is null/blank.
  7. Save the form.
  8. Click Design > Parts in the table of contents (TOC).
  9. Open an existing Part with previous versions (generation > 1).
  10. On the Part form, click Navigate > Revisions. (v12)
    • On the Part form, click View > Revisions. (v11)
  11. In the resulting dialog, double-click one of the previous generations of the Part.

The Part form that appears will have a watermark image that says "Non Current". If you would like to change the watermark image that is displayed:

  1. Add your image to the code tree under Innovator\Client\customer\.
  2. Update the HTML source of the overlay field on the Part form.

Note: If your custom watermark image is not semi-transparent, you will need to update the CSS rules for the contents of the overlay field.

Contributing

  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -am 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request

For more information on contributing to this project, another Aras Labs project, or any Aras Community project, shoot us an email at [email protected].

Credits

Created by Eli Donahue for Aras Labs. @EliJDonahue

License

Aras Labs projects are published to Github under the MIT license. See the LICENSE file for license rights and limitations.

style-non-current-items's People

Contributors

angelaip avatar cgillis-aras avatar elijdonahue avatar michizhou avatar sampoearas avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

style-non-current-items's Issues

Error on create new item

When user creates a new part with this code active they will get an error about it failing to run on creating a new (empty or null) part. Code does not ignore what are essentially gen 0 parts.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.