Changeset 90


Ignore:
Timestamp:
Jan 15, 2010, 3:10:15 PM (9 years ago)
Author:
duh
Message:
  • refactered wizard prototype
  • added tooltip / help support
Location:
trunk
Files:
1 added
3 edited

Legend:

Unmodified
Added
Removed
  • trunk/grails-app/taglib/dbnp/studycapturing/WizardTagLib.groovy

    r89 r90  
    117117    // add help icon?
    118118    if (attrs.get('help')) {
    119       out << ' <div class="help"><img src="../images/icons/famfamfam/help.png"></div>'
     119      out << ' <div class="help">'
     120      out << '  <div class="icon"><img src="../images/icons/famfamfam/help.png"></div>'
     121      out << '  <div class="content">'
     122      out << '   <div class="text">'
     123      out << '    '+attrs.get('help')
     124      out << '   </div>'
     125      out << '  </div>'
     126      out << ' </div>'
    120127    }
    121128   
  • trunk/grails-app/views/wizard/index.gsp

    r88 r90  
    1919  <meta name="layout" content="main" />
    2020  <link rel="stylesheet" href="${resource(dir:'css',file:'wizard.css')}" />
    21   <g:javascript library="jquery" />
     21  <script type="text/javascript" src="${resource(dir:'js', file:'wizard.js')}"></script>
    2222 </head>
    2323 <body>
  • trunk/web-app/css/wizard.css

    r89 r90  
    2020.wizard .tabs .element {
    2121    background-color:#EEEEEE;
    22     border-bottom:4px solid #CCCCCC;
    23     border-right:1px solid #CCCCCC;
    24     color:#666666;
     22    border-bottom:4px solid #717f81;
     23    border-right:1px solid #717f81;
     24    color:#006DBA;
    2525    cursor:default;
    2626    display:inline;
     
    3434
    3535.wizard .tabs .active {
    36     background-color: #666666;
     36    background-color: #006DBA;
    3737    color: #fff;
    3838    font-weight: bold;
     
    8989.wizard .element .help {
    9090    vertical-align: top;
    91     display: inline;
     91    display: inline-block;
     92    font-size: 11px;
     93    line-height: 20px;
    9294}
     95
     96.wizard .element .help .icon {
     97    margin-top: 4px;   
     98}
     99
     100.wizard .element .help .text {
     101    padding-left: 5px;
     102    padding-right: 5px;
     103    border: 1px solid white;
     104}
     105
     106.wizard .element .help .content {
     107    position: absolute;
     108    background-color: #292929;
     109    color: #006DBA;
     110    margin-left: 20px;
     111    margin-top: -19px;
     112    opacity: 0;
     113    border: 1px solid black;
     114}
Note: See TracChangeset for help on using the changeset viewer.