2016-02-15 - Re: [GRASE-Hotspot] Modify “Show Terms and Conditions” toggle button - always hide terms.

Header Data

From: Timothy White <ti***8@gmail.com>
Message Hash: f21e4d874d155da9751c30dce7561d7dec9fb866fafd20e1d46bca36d072c93b
Message ID: <CAESLx0Jvt9s0XtyD_-yv2YsKgKYCYAVTk3T5VJbX7bO7HxUjrg@mail.gmail.com>
Reply To: <a69de2c7-204e-4d70-a33c-ba913b7de5a2@grasehotspot.org>
UTC Datetime: 2016-02-15 04:21:09 UTC
Raw Date: Mon, 15 Feb 2016 21:21:09 +1000

Raw message 

Hi Bartosz

As that link shows, and the official bootstrap link shows (
http://getbootstrap.com/css/#responsive-utilities-classes) the classes
visible-xs/hidden-xs do different things depending on your screen size. If
you always want something visible though, just remove the
visible-xs/hidden-xs classes and it'll always be visible.

Feel free to open an issue for customising the hiding of the button.

Regards

Tim

On Thu, Feb 11, 2016 at 3:09 PM, bartosz <ba***z@miklaszewski.com> wrote:

> 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
>
>
>
> --
> This mailing list is for the Grase Hotspot Project http://grasehotspot.org
> ---
> You received this message because you are subscribed to the Google Groups
> "Grase Hotspot" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to gr***e@grasehotspot.org.
> To post to this group, send email to gr***t@grasehotspot.org.
> Visit this group at
> https://groups.google.com/a/grasehotspot.org/group/grase-hotspot/.
> To view this discussion on the web visit
> https://groups.google.com/a/grasehotspot.org/d/msgid/grase-hotspot/a69de2c7-204e-4d70-a33c-ba913b7de5a2%40grasehotspot.org
> <https://groups.google.com/a/grasehotspot.org/d/msgid/grase-hotspot/a69de2c7-204e-4d70-a33c-ba913b7de5a2%40grasehotspot.org?utm_medium=email&utm_source=footer>
> .
>

Thread