diff --git a/public/help/help.md b/public/help/help.md index ea38a6bc..1184c98e 100644 --- a/public/help/help.md +++ b/public/help/help.md @@ -5,14 +5,14 @@ The Sequence Tube Map is used to generate visualizations of genomic sequence gra ##### Selecting Tracks The following procedure describes adding and updating settings of custom tracks. You can use a custom track to load your own graph file, haplotype database, or file of aligned reads. -1. From the "Data" dropdown box, select "custom (mounted files)" +1. From the "Data" dropdown box, select "custom" ![Selecting Custom Files](helpGuideImages/img1.png) 2. Select the button that says "Configure Tracks". ![Configure Tracks Button](helpGuideImages/img2.png) 3. Once the button is clicked on, a popup with a "+" button will be displayed. Click on this button to add tracks. ![Track Add Button](helpGuideImages/img3.png) -4. Select a graph, read, or haplotype track from the first dropdown. Make sure to always have at least 1 graph track. Select a data file from the list of files of that type in the second dropdown. -![Track Selection](helpGuideImages/img4.png) +4. Select whether you want a graph, read, or haplotype track from the first dropdown. Make sure to always have at least 1 graph track. Select a data file from the list of files of that type in the last dropdown. In the default Tube Map configuration, these files come from the `exampleData/` folder on the system where the Tube Map server is running. If you want to upload a file instead of selecting one that's already available, change the middle dropdown to "upload". +![Track Selection](helpGuideImages/img4.png) 5. Click on the settings button, where there are options to color the tracks from an existing color palette, or select any other color. ![Track Settings Button](helpGuideImages/img5.png) 7. To delete a track, click on the button with the "x" icon. diff --git a/public/help/helpGuideImages/img1.png b/public/help/helpGuideImages/img1.png index b0d9100c..1c0589a1 100644 Binary files a/public/help/helpGuideImages/img1.png and b/public/help/helpGuideImages/img1.png differ diff --git a/public/help/helpGuideImages/img2.png b/public/help/helpGuideImages/img2.png index e3673c78..98ed5d98 100644 Binary files a/public/help/helpGuideImages/img2.png and b/public/help/helpGuideImages/img2.png differ diff --git a/public/help/helpGuideImages/img4.png b/public/help/helpGuideImages/img4.png index f8f30fe9..69ca6c3c 100644 Binary files a/public/help/helpGuideImages/img4.png and b/public/help/helpGuideImages/img4.png differ diff --git a/public/help/helpGuideImages/img5.png b/public/help/helpGuideImages/img5.png index 161fcf17..75013fa1 100644 Binary files a/public/help/helpGuideImages/img5.png and b/public/help/helpGuideImages/img5.png differ diff --git a/public/help/helpGuideImages/img6.png b/public/help/helpGuideImages/img6.png index c7d442f2..6782211b 100644 Binary files a/public/help/helpGuideImages/img6.png and b/public/help/helpGuideImages/img6.png differ diff --git a/public/help/helpGuideImages/img7.png b/public/help/helpGuideImages/img7.png index 2ad07a05..4758928a 100644 Binary files a/public/help/helpGuideImages/img7.png and b/public/help/helpGuideImages/img7.png differ diff --git a/public/help/helpGuideImages/img8.png b/public/help/helpGuideImages/img8.png index a6161715..f3bc353e 100644 Binary files a/public/help/helpGuideImages/img8.png and b/public/help/helpGuideImages/img8.png differ diff --git a/public/help/helpGuideImages/img9.png b/public/help/helpGuideImages/img9.png index d3d83baf..faf28284 100644 Binary files a/public/help/helpGuideImages/img9.png and b/public/help/helpGuideImages/img9.png differ diff --git a/src/components/TrackListItem.js b/src/components/TrackListItem.js index f6d76b53..10b12cf1 100644 --- a/src/components/TrackListItem.js +++ b/src/components/TrackListItem.js @@ -83,7 +83,7 @@ export const TrackListItem = ({ style={{ width: "900px", marginLeft: 0, marginRight: 15 }} > - + - +