2016-02-10 - Modify “Show Terms and Conditions” toggle button - always hide terms.

Header Data

From: bartosz <ba***z@miklaszewski.com>
Message Hash: 9cb08e4e0044c9e81dad4477cbbf16ef09a3203a3146cf0d1f88e62aa4b25797
Message ID: <a69de2c7-204e-4d70-a33c-ba913b7de5a2@grasehotspot.org>
Reply To: N/A
UTC Datetime: 2016-02-10 22:09:57 UTC
Raw Date: Wed, 10 Feb 2016 21:09:57 -0800

Raw message 

hi guys,

ok i am trying to keep "Show Terms and Conditions" button, always visible 
in any resolution (customer needs to click to open window).
I found this site: 
http://wet-boew.github.io/wet-boew-styleguide/v4/design/visible-en.html

and i try some option, but its always something wrong... and i would like 
to have this button always on, and if someone want to read terms will have 
to click.

so i know this code needs to be modify 
from /usr/share/grase/www/uam/templates/portal.tpl

<div class="center-block tos_toggle">
          <button class="showLink visible-xs btn btn-sm btn-block" onclick="
$('#tos').toggleClass('hidden-xs')">{t}Show Terms and Conditions{/t}
</button>
           </div>
           <div id="tos" class="hidden-xs center-block"><!-- Terms and 
Conditions -->{$tpl_termsandconditions}</div>
       </div>

i try different combination but cant make it work.

ive change to:

<div class="center-block tos_toggle">
         <button class="showLink hidden-xs btn btn-sm btn-block" onclick="$(
'#tos').toggleClass('visible-xs')">{t}Show Terms and Conditions{/t}</button>
          </div>
          <div id="tos" class="visible-xs center-block"><!-- Terms and 
Conditions -->{$tpl_termsandconditions}</div>
      </div>

and now button is visible over 768px
but i need to make it visible below as well. any suggestions ?

many thanks

Bartosz

Thread