Changeset 5971


Ignore:
Timestamp:
Feb 17, 2012, 11:30:22 AM (10 years ago)
Author:
Nicklas Nordborg
Message:

References #1655: GUI improvements

  • Started to create screen shots with the new design for the user documentation.
  • Got rid of old .gif icons in the documentation and replaced them with .png versions.
  • Fixed some issues with placement of 'required information' in two dialogs.
Location:
trunk
Files:
17 added
11 deleted
23 edited

Legend:

Unmodified
Added
Removed
  • trunk/doc/src/docbook/developer/extensions.xml

    r5816 r5971  
    285285            <tooltip>This is to test the extensions system</tooltip>
    286286            <onClick>alert('Hello world!')</onClick>
    287             <icon>/images/info.gif</icon>
     287            <icon>/images/info.png</icon>
    288288         </parameters>
    289289      </action-factory>
     
    633633      annotations on the <methodname>setIcon()</methodname> are used to enable
    634634      "smart" convertions of the value. Note that in the
    635       XML file you only have to specify <filename>/images/info.gif</filename>
     635      XML file you only have to specify <filename>/images/info.png</filename>
    636636      as the URL to the icon, but in the hardcoded factory you have to
    637       do: <code>jspContext.getRoot() + "/images/info.gif"</code>. In this case,
     637      do: <code>jspContext.getRoot() + "/images/info.png"</code>. In this case,
    638638      it is the <classname>PathSetter</classname> which automatically adds the
    639639      the JSP root directory to all URL:s starting with /. The
    640640      <classname>VariableSetter</classname> can do the same thing but you would have to use
    641       <code>$ROOT$</code> instead. Eg. <code>$ROOT$/images/info.gif</code>. The
     641      <code>$ROOT$</code> instead. Eg. <code>$ROOT$/images/info.png</code>. The
    642642      <classname>PathSetter</classname> only looks at the first characteer,
    643643      while the <classname>VariableSetter</classname> looks in the entire string.
  • trunk/doc/src/docbook/user/annotations.xml

    r5795 r5971  
    626626          (<guiicon>
    627627            <inlinemediaobject>
    628               <imageobject><imagedata fileref="figures/parameter.gif" format="GIF"
     628              <imageobject><imagedata fileref="figures/parameter.png" format="PNG"
    629629              /></imageobject>
    630630            </inlinemediaobject>
  • trunk/doc/src/docbook/user/array_lims.xml

    r5796 r5971  
    401401                      <inlinemediaobject>
    402402                        <imageobject>
    403                           <imagedata fileref="figures/new_wizard.gif"
    404                             format="GIF" />
     403                          <imagedata fileref="figures/new_wizard.png"
     404                            format="PNG" />
    405405                        </imageobject>
    406406                      </inlinemediaobject>
  • trunk/doc/src/docbook/user/overview.xml

    r5789 r5971  
    142142              plug-in that come with BASE. Go to
    143143              <menuchoice>
    144                 <guimenuitem>Array LIMS</guimenuitem>
     144                <guimenu>Array LIMS</guimenu>
    145145                <guimenuitem>Array designs</guimenuitem>
    146146              </menuchoice>
    147147              or
    148148              <menuchoice>
    149                 <guimenuitem>View</guimenuitem>
     149                <guimenu>View</guimenu>
    150150                <guimenuitem>Reporters</guimenuitem>
    151151              </menuchoice>
     
    185185              Next step is to create raw bioassays and up-load raw data to BASE. This is done in the raw
    186186              bioassay section. (<menuchoice>
    187                 <guimenuitem>View</guimenuitem>
     187                <guimenu>View</guimenu>
    188188                <guimenuitem>Raw bioassays</guimenuitem>
    189189              </menuchoice>) . For more information see
     
    196196              experiment section through the menu
    197197              <menuchoice>
    198                 <guimenuitem>View</guimenuitem>
     198                <guimenu>View</guimenu>
    199199                <guimenuitem>Experiments</guimenuitem>
    200200              </menuchoice>.
  • trunk/doc/src/docbook/user/project_permission.xml

    r5792 r5971  
    487487                  <inlinemediaobject>
    488488                    <imageobject>
    489                       <imagedata fileref="figures/project.gif" format="GIF" />
     489                      <imagedata fileref="figures/project.png" format="PNG" />
    490490                    </imageobject>
    491491                  </inlinemediaobject>
     
    495495                  <inlinemediaobject>
    496496                    <imageobject>
    497                       <imagedata fileref="figures/no_active_project.gif" format="GIF" />
     497                      <imagedata fileref="figures/no_active_project.png" format="PNG" />
    498498                    </imageobject>
    499499                  </inlinemediaobject>
  • trunk/doc/src/docbook/user/webclient.xml

    r5827 r5971  
    211211            <guiicon>
    212212              <inlinemediaobject>
    213               <imageobject><imagedata fileref="figures/project.gif" format="GIF" /></imageobject>
     213              <imageobject><imagedata fileref="figures/project.png" format="PNG" /></imageobject>
    214214              </inlinemediaobject>
    215215            </guiicon>
     
    241241            <guiicon>
    242242              <inlinemediaobject>
    243               <imageobject><imagedata fileref="figures/refresh.gif" format="GIF"
     243              <imageobject><imagedata fileref="figures/refresh.png" format="PNG"
    244244                /></imageobject>
    245245              </inlinemediaobject>
     
    328328              <guiicon>
    329329                <inlinemediaobject>
    330                 <imageobject><imagedata fileref="figures/help.gif" format="GIF" /></imageobject>
     330                <imageobject><imagedata fileref="figures/help.png" format="PNG" /></imageobject>
    331331                </inlinemediaobject>
    332332              </guiicon>
     
    384384          menu to bring up the user information dialog.
    385385        </para>
     386         
     387          <figure id="webclient.figures.contactinformation">
     388            <title>Contact information</title>
     389            <screenshot>
     390              <mediaobject>
     391                <imageobject><imagedata fileref="figures/contact_information.png" format="PNG" /></imageobject>
     392              </mediaobject>
     393            </screenshot>
     394          </figure>
    386395       
    387396        <helptext external_id="userpreferences.contact" title="Contact information">
     
    505514          menu to bring up the other information dialog.
    506515        </para>
     516
     517          <figure id="webclient.figures.otherinformation">
     518            <title>Other information</title>
     519            <screenshot>
     520              <mediaobject>
     521                <imageobject><imagedata fileref="figures/other_information.png" format="PNG" /></imageobject>
     522              </mediaobject>
     523            </screenshot>
     524          </figure>
     525
     526
    507527        <helptext external_id="userpreferences.other" title="Other information">
    508528          <para>
    509529            This dialog has three tabs,
    510             <guilabel>Contact information</guilabel>
    511             ,
    512             <guilabel>Password</guilabel>
    513             and
     530            <guilabel>Contact information</guilabel>,
     531            <guilabel>Password</guilabel> and
    514532            <guilabel>Other information</guilabel>
    515             (selected) .
     533            (selected).
    516534          </para>
    517535          <para>
     
    572590        </para>
    573591       
     592          <figure id="webclient.figures.changepassword">
     593            <title>Change password</title>
     594            <screenshot>
     595              <mediaobject>
     596                <imageobject><imagedata fileref="figures/change_password.png" format="PNG" /></imageobject>
     597              </mediaobject>
     598            </screenshot>
     599          </figure>
     600       
    574601        <helptext external_id="userpreferences.password" title="Change password">
    575602
     
    640667        <sect3 id="webclient.configuration.preferences.appearance">
    641668          <title>The Appearance tab</title>
     669
     670          <figure id="webclient.figures.appearance">
     671            <title>The Appearance tab</title>
     672            <screenshot>
     673              <mediaobject>
     674                <imageobject><imagedata fileref="figures/preferences_appearance.png" format="PNG" /></imageobject>
     675              </mediaobject>
     676            </screenshot>
     677          </figure>
    642678         
    643679          <helptext external_id="userpreferences.appearance" title="Preferences - Appearance">
     
    831867          <title>The Plugins tab</title>
    832868         
     869          <figure id="webclient.figures.preferences.plugins">
     870            <title>The Plugins tab</title>
     871            <screenshot>
     872              <mediaobject>
     873                <imageobject><imagedata fileref="figures/preferences_plugins.png" format="PNG" /></imageobject>
     874              </mediaobject>
     875            </screenshot>
     876          </figure>
     877         
    833878          <helptext external_id="userpreferences.plugins" title="Preferences - Plugins">
    834879         
     
    887932        <sect3 id="webclient.configuration.preferences.mostrecent">
    888933          <title>The Recent items tab</title>
     934         
     935          <figure id="webclient.figures.preferences.recentitems">
     936            <title>The Recent items tab</title>
     937            <screenshot>
     938              <mediaobject>
     939                <imageobject><imagedata fileref="figures/preferences_recentitems.png" format="PNG" /></imageobject>
     940              </mediaobject>
     941            </screenshot>
     942          </figure>
    889943         
    890944          <helptext external_id="userpreferences.mostrecent"
     
    22252279          <inlinemediaobject>
    22262280            <imageobject>
    2227               <imagedata fileref="figures/isused.gif" format="GIF" />
     2281              <imagedata fileref="figures/used.png" format="PNG" />
    22282282            </imageobject>
    22292283          </inlinemediaobject>
  • trunk/lib/docbook/custom-styles/docbook/plain/css/docbook.css

    r5826 r5971  
    1 
     1@charset "UTF-8";
    22/*
    33 * A CSS stylesheet for Docbook-generated documentation.
     
    124124  font-weight: bold;     
    125125}
    126 
    127 .guimenu, .guisubmenu, .guimenuitem {
    128   padding-right: 2px;
    129   padding-left: 2px;
    130 }
     126.guimenuitem:before, .guisubmenu:before
     127{
     128  content: '››';
     129  padding-right: 4px;
     130  padding-left: 4px;
     131}
     132
     133.guibutton
     134{
     135  font-weight: bold;
     136  border: 1px solid #A0A0A0;
     137  border-radius: 4px;
     138  padding: 1px 5px 1px 5px;
     139  background: #E8E8E8;
     140  line-height: 1.5em;
     141  white-space: nowrap;
     142
     143}
     144
     145.guimenu, .guisubmenu, .guimenuitem
     146{}
    131147
    132148.userinput, .literallayout, .package {
     
    141157.inlinemediaobject img {
    142158  vertical-align: text-bottom;
     159  padding-bottom: 2px;
    143160}
    144161
     
    281298    text-align:     center;
    282299    margin-top:     1em;
    283     margin-bottom:  1em;
     300    margin-bottom:  0em;
     301}
     302
     303br.figure-break
     304{
     305  line-height: 0px;
    284306}
    285307
  • trunk/lib/docbook/custom-styles/docbook/plain/xsl/customized.chunked.xsl

    r5791 r5971  
    5252<xsl:param name="admon.style"></xsl:param>
    5353<xsl:param name="admonition.title.properties">text-align: left</xsl:param>
    54 <xsl:param name="menuchoice.menu.separator">&#9658;</xsl:param>
     54<!-- xsl:param name="menuchoice.menu.separator">&#9658;</xsl:param-->
     55<xsl:param name="menuchoice.menu.separator"></xsl:param>
    5556
    5657<xsl:param name="keep.relative.image.uris" select="false"/>
  • trunk/www/common/columns/save_preset.jsp

    r5946 r5971  
    105105    <tr class="dynamic">
    106106      <th></th>
    107       <td>
    108         <div align=right>&nbsp;<i><base:icon image="required.png" />= required information</i></div>
    109       </td>
     107      <td></td>
    110108    </tr>
    111109    </table>
    112110  </div>
    113  
    114  
    115111  </form>
     112
     113  <div class="legend">
     114    <base:icon image="required.png" />= required information
     115  </div>
    116116
    117117  <base:buttongroup subclass="dialogbuttons">
  • trunk/www/common/context/saveas.jsp

    r5946 r5971  
    110110    <tr class="dynamic">
    111111      <th></th>
    112       <td><div align=right>&nbsp;<i><base:icon image="required.png" />= required information</i></div></td>
     112      <td></td>
    113113    </tr>
    114114    </table>
     
    116116  </div>
    117117  </form>
     118 
     119  <div class="legend">
     120    <base:icon image="required.png" />= required information
     121  </div>
    118122
    119123  <base:buttongroup subclass="dialogbuttons">
  • trunk/www/common/overview/failures.jsp

    r5962 r5971  
    121121    padding: 2px;
    122122  }
     123  tr.failure td.text
     124  {
     125    white-space: nowrap;
     126    overflow: hidden;
     127    text-overflow: ellipsis;
     128  }
    123129  .index
    124130  {
Note: See TracChangeset for help on using the changeset viewer.