Difference between revisions of "JBrowseDev/The CssClass Option"
From GMOD
RSCummings (Talk | contribs) (started page) |
RSCummings (Talk | contribs) m (rewording and addition of links) |
||
| Line 1: | Line 1: | ||
| − | The cssClass option makes it possible to choose how a [[JBrowse]] track looks by selecting a pre-existing template. Every built-in JBrowse track template is defined as a class in the file 'genome.css'. This file can be edited as a regular text file, and classes can be added, changed, or removed (although direct editing is not necessary; it is possible to use the [[ClientConfig]] option to avoid changing genome.css). The argument to the cssClass option is the name of a genome.css | + | The cssClass option makes it possible to choose how a [[JBrowse]] track looks by selecting a pre-existing template. Every built-in JBrowse track template is defined as a [[Glossary#CSS|Cascading Style Sheet]] (CSS) class in the file 'genome.css'. This file can be edited as a regular text file, and classes can be added, changed, or removed (although direct editing is not necessary; it is possible to use the [[JBrowseDev/Options/ClientConfig|clientConfig]] option to avoid changing genome.css). The argument to the cssClass option is the name of a class in genome.css. |
=JBrowse CSS Classes= | =JBrowse CSS Classes= | ||
| Line 8: | Line 8: | ||
|- | |- | ||
! Class Name | ! Class Name | ||
| − | ! | + | ! Shows Strand Information |
! Other Details | ! Other Details | ||
|- | |- | ||
| Line 17: | Line 17: | ||
| cds0 | | cds0 | ||
| Yes | | Yes | ||
| − | | | + | | |
|- | |- | ||
| cds1 | | cds1 | ||
| Line 25: | Line 25: | ||
| cds2 | | cds2 | ||
| Yes | | Yes | ||
| − | | | + | | |
|- | |- | ||
| dblhelix | | dblhelix | ||
| Line 33: | Line 33: | ||
| est | | est | ||
| No | | No | ||
| − | | | + | | |
|- | |- | ||
| exon | | exon | ||
| Line 57: | Line 57: | ||
| feature5 | | feature5 | ||
| Yes | | Yes | ||
| − | | | + | | |
|- | |- | ||
| generic_parent | | generic_parent | ||
| Line 73: | Line 73: | ||
| transcript | | transcript | ||
| No | | No | ||
| − | | | + | | |
|- | |- | ||
| transcript-CDS | | transcript-CDS | ||
Revision as of 23:09, 22 July 2011
The cssClass option makes it possible to choose how a JBrowse track looks by selecting a pre-existing template. Every built-in JBrowse track template is defined as a Cascading Style Sheet (CSS) class in the file 'genome.css'. This file can be edited as a regular text file, and classes can be added, changed, or removed (although direct editing is not necessary; it is possible to use the clientConfig option to avoid changing genome.css). The argument to the cssClass option is the name of a class in genome.css.
JBrowse CSS Classes
As of JBrowse v1.2.1, these classes are available:
| Class Name | Shows Strand Information | Other Details |
|---|---|---|
| basic | No | Useful when it is desirable for the track appearance to be defined entirely by clientConfig. |
| cds0 | Yes | |
| cds1 | Yes | |
| cds2 | Yes | |
| dblhelix | No | A black double helix outline is superimposed over the light red background. |
| est | No | |
| exon | No | |
| feature | Yes | |
| feature2 | Yes | |
| feature3 | Yes | |
| feature4 | Yes | Pacman design. |
| feature5 | Yes | |
| generic_parent | No | |
| generic_part_a | No | |
| helix | No | A single black coil outline is superimposed over a faint green background. |
| transcript | No | |
| transcript-CDS | No | |
| transcript-exon | No | |
| transcript-five_prime_UTR | No | Identical to transcript-exon. |
| transcript-three_prime_UTR | No | Identical to transcript-exon. |
| transcript-UTR | No | Identical to transcript-exon. |
| triangle | No |
