litvinovg/vivo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fixed the problem of Axis text not being in the middle.

Browse source
This commit is contained in:
bkoniden 2010-11-23 19:43:53 +00:00
parent 2ca5c9df32
commit 415670e28d
3 changed files with 11 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

2
productMods/js/visualization/entityComparison/util.js
View file

@ -12,8 +12,6 @@ function init(graphContainer) {
// TODO: make use of the id on the select field instead of a generic one. // TODO: make use of the id on the select field instead of a generic one.
$("#comparisonParameter").text("Total Number of " + $("select.comparisonValues option:selected").val()); $("#comparisonParameter").text("Total Number of " + $("select.comparisonValues option:selected").val());
$('#yaxislabel').html("Number of " + optionSelected).mbFlipText(false); $('#yaxislabel').html("Number of " + optionSelected).mbFlipText(false);
$("span#paramdesc").text($("select.comparisonValues option:selected").val() + ' (desc)');
$("span#paramasc").text($("select.comparisonValues option:selected").val() + ' (asc)');
var defaultFlotOptions = { var defaultFlotOptions = {
xaxis : { xaxis : {

12
productMods/templates/visualization/entity_comparison.jsp
View file

@ -20,19 +20,21 @@
<h1>Temporal Graph Visualization<span id="entitylevelheading"><i> School Level</i></span></h1> <h1>Temporal Graph Visualization<span id="entitylevelheading"><i> School Level</i></span></h1>
<div id="leftblock"> <div id="leftblock">
<div id="leftUpper"> <div id="leftUpper">
<h2 style="background-color:#3D454E; color: white; margin-top: 0px; margin-bottom: 20px; padding-bottom:5px;">How do you want to compare?</h2> <h2 style="background-color:#3D454E; padding-left: 3px; color: white; margin-top: 0px; margin-bottom: 20px; padding-bottom:5px;">How do you want to compare?</h2>
<p style="float:left; margin-left:10px; margin-right: 10px; margin-top: 6px;">Select </p> <div style="text-align: center;">
<p style="margin-right: 10px; margin-top: 6px; font-size: 1.2em;">Select </p>
<select class="comparisonValues" style="margin-bottom: 20px;"> <select class="comparisonValues" style="margin-bottom: 20px;">
<option value="Publications" selected="selected">Publications</option> <option value="Publications" selected="selected">Publications</option>
<option value="Grants" disabled="disabled">Grants</option> <option value="Grants">Grants</option>
<option value="People" disabled="disabled">People</option> <option value="People" disabled="disabled">People</option>
<option value="Item4" disabled="disabled">Item4</option> <option value="Item4" disabled="disabled">Item4</option>
<option value="Item5" disabled="disabled">Item5</option> <option value="Item5" disabled="disabled">Item5</option>
</select> </select>
</div> </div>
</div>
<br/> <br/>
<div id="leftLower"> <div id="leftLower">
<h2 style="background-color:#3D454E; color: white; margin-top: 0px; margin-bottom: 20px; padding-bottom:5px;">Choose</h2> <h2 style="background-color:#3D454E; color: white; padding-left: 3px; margin-top: 0px; margin-bottom: 20px; padding-bottom:5px;">Choose</h2>
<div id="paginatedTable"> <div id="paginatedTable">
</div> </div>
</div> </div>
@ -81,8 +83,6 @@
var selectedValue = $("select.comparisonValues option:selected").val(); var selectedValue = $("select.comparisonValues option:selected").val();
$("#comparisonParameter").text("Total Number of " + selectedValue); $("#comparisonParameter").text("Total Number of " + selectedValue);
$('#yaxislabel').html("Number of " + selectedValue).mbFlipText(false); $('#yaxislabel').html("Number of " + selectedValue).mbFlipText(false);
$("span#paramdesc").text($("select.comparisonValues option:selected").val() + ' (desc)');
$("span#paramasc").text($("select.comparisonValues option:selected").val() + ' (asc)');
}); });
//click event handler for clear button //click event handler for clear button

6
themes/vivo-basic/css/visualization/entityComparison/layout.css
View file

@ -43,13 +43,15 @@ form{
background-color: white; background-color: white;
color:black; color:black;
display: block; display: block;
height: 150px;
text-align: center;
padding-top: 50px;
} }
#xaxislabel{ #xaxislabel{
font-size: 12px; font-size: 12px;
margin-top: -5px; margin-top: -5px;
margin-left: 250px; text-align: center;
} }
#functions{ #functions{