UofS-Pulse-Binfo / analyzedphenotypes

Tripal/Drupal support for analyzed phenotypic data including data loaders, exporters, trait pages and summaries on germplasm pages.
GNU General Public License v2.0
0 stars 1 forks source link

Phenotype image #96

Closed reynoldtan closed 4 years ago

reynoldtan commented 5 years ago

This PR will implement a Tripal 3 field that will fetch trait image/photo uploaded in Upload data functionality of this module.

Metadata

Documentation:

Description

Dependencies

Testing?

  1. Add this field to Definition field in Trait content type.
  2. Move the this field out of disabled fields list in Manage Display. Click Save.
  3. The fieldgroup/Tripal Pane should contain this class 'ap-phenotype-image'. This will allow the JS to account for other element when positioning left or right. To update class list, click cog icon of fieldgroup/tripal pane Screen Shot 2019-06-13 at 1 03 20 PM then update the Extra CSS classes and add ap-phenotype-image. Click save.
  4. The field has its own settings. Clicking the cog will show options for stacking order of image as well as the position. Select configuration options and click save.
  5. Load Tripal 3 page for a specific trait with image.

Examples: Screen Shot 2019-06-13 at 1 07 53 PM (2) Top to Bottom, Float Left

Screen Shot 2019-06-13 at 1 09 37 PM (2) Left to Right, Float Right

Screen Shot 2019-06-13 at 1 10 59 PM (2) Left to Right, No position

NOTE: When set to position none, the order with which the field appears in the manage fields is the order it will show in the frontend. For example, If phenotype image field was listed before Definition field, It will show the Image above the Definition text.

Content, image and text-image ratio will adjust as window resizes.

This field assumes that you are adding this field to a fieldgroup that has another field that has element where the value/content was entered through Drupal Textarea field. Screen Shot 2019-06-13 at 1 23 29 PM (2)