diff options
| author | Alexander Kabui | 2022-01-25 23:04:47 +0300 |
|---|---|---|
| committer | BonfaceKilz | 2022-02-09 08:49:56 +0300 |
| commit | d5c596486bb88cc432f930dfcf0804f90fdb5bd7 (patch) | |
| tree | b8bc0e9f366bfcef9dd920fb842bf73f7a155d21 | |
| parent | 9e67bc7726d69b5669d6faee867f305f67e69b69 (diff) | |
| download | genenetwork2-d5c596486bb88cc432f930dfcf0804f90fdb5bd7.tar.gz | |
styling for carousel
| -rw-r--r-- | wqflask/wqflask/templates/gn3_ctl_results.html | 30 |
1 files changed, 15 insertions, 15 deletions
diff --git a/wqflask/wqflask/templates/gn3_ctl_results.html b/wqflask/wqflask/templates/gn3_ctl_results.html index 365ae2f1..d0090d51 100644 --- a/wqflask/wqflask/templates/gn3_ctl_results.html +++ b/wqflask/wqflask/templates/gn3_ctl_results.html @@ -17,20 +17,7 @@ </style> <div style="margin-top:10px"> <div> - <h3>CTL/QTL Plots for Individual Traits</h3> - {% for ctl_plot in ctl_plots %} - <img style="width:1000px;height: 600px;" src="data:image/jpeg;base64,{{ ctl_plot | safe }}"> - {% endfor %} - </div> - <h2 style="text-align:center">Significant CTL </h2> - <table id="significance" width="80vw"></table> - <div> - <h2>Ctl line plot</h2> - <img style="width:1000px;height: 600px;" src="data:image/jpeg;base64,{{ image_data | safe }}"> - </div> - <div> - <h3>Network figure</h3> - </div> + <h3 style="text-align:center;">CTL/QTL Plots for Individual Traits</h3> <div id="carouselExampleControls" class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> @@ -39,7 +26,7 @@ <div class="item{% if loop.index == 1 %} active{% endif %}"> - <img style="width:1000px;height: 600px;" src="data:image/jpeg;base64,{{ ctl_plot | safe }}" alt="First slide"> + <img style="width:1000px;height: 600px;" class="center-block" src="data:image/jpeg;base64,{{ ctl_plot | safe }}" alt="First slide"> </div> {% endfor %} @@ -58,6 +45,19 @@ </div> + </div> + <h2 style="text-align:center">Significant CTL </h2> + <table id="significance" width="80vw"></table> + <div> + <h2>Ctl line plot</h2> + <img style="width:1000px;height: 600px;" src="data:image/jpeg;base64,{{ image_data | safe }}"> + </div> + <div> + <h3>Network figure</h3> + </div> + + + </div> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> |