Support community for TTG plugins and products.
NOTICE
The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.
This forum is now closed, and exists here as a read-only archive.
You are not logged in.
Hello everyone!
I've really enjoyed the features of Backlight 2, especially in comparison to CE4. As someone with only the most remedial understanding of web design, I run into (self-inflicted) errors all the time. This current backend makes it so much easier to try things out and just "tinker" more effectively. Thank you so much for everything you've done to make this easier for folks like me! For this question, I'm using this test album for reference:
How do I safely move the CRG "gallery help" button
<button class="crg-help" data-fancybox="" data-src="#crg-help">Gallery Help</button>into the upper left corner of the topmost pallet, opposite the filters/submit button?
<div class="page__pallet__wide page__pallet__top spinal__column" id="page__pallet__top">
<div class="content clearfix">
<ul>
<li id="widget-container"><ul>
<li id="crg-widget" class="tb mouseable stacked-widget fa_pseudo">
<span class="widget-count select-count">1</span>
<ul>
<li class="crg-view">Filter View</li>
<li class="lights-control"><button class="fa_pseudo" data-level="off" title="Show Only Selected Images"></button></li>
<li class="lights-control"><button class="fa_pseudo" data-level="low" title="Highlight Selected Images"></button></li>
<li class="lights-control"><button class="fa_pseudo current" data-level="on" title="Show All Images"></button></li>
<li class="crg-line"></li>
<li class="crg-submit"><button class="submit fa_pseudo"><span>Submit</span></button></li>
</ul>
</li><li id="widget-buoy"></li>
</ul></li>
</ul>
</div>
</div>My goal is simplicity for the client: just two buttons that follow them up/down the album; one that says "gallery help" and one that says "submit".
My clients rarely use the gallery filters, but often ask "how exactly do I submit my feedback/decisions?"
Offline
I haven’t tested it yet, but you might be able to do this using the css position property
https://www.w3schools.com/css/css_positioning.asp
You’ll need to use custom css
http://backlight.theturninggate.net/doc … tylesheets
Another option might be moving using jQuery.
I don't think that area is accessible via phplugins though.
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
I've got a way to place the gallery help button to the left of the crg-widget button using jQuery.
It may or may not be able to float to the left; I haven't set up a page like yours to test that in yet, just one of my existing templates.
for example: http://backlight-2-100.barbeephoto.com/ … -test-one/
This will require the use of phplugins and custom css.
Let me know if you want to pursue it and I'll post it.
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
ben,
I've posted how to do this here: http://ttg-tips-and-tricks.barbeephoto. … op-pallet/
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Sorry for the delay in responding, but thanks Rod! That worked great; any suggestions on getting it to hug the upper left corner of the page?
I'm also struggling with using your custom CSS suggestion to hide the old help button.
Here is my active CSS file: https://kennethbenjaminreed.com/backlig … oofing.css
Offline
your css is messed up. you have the needed css after the curly brace of the main selector.
Take it out of there and let it be on its own.
in fact, none of the other css you've got there is doing anything anyway. You can just get rid of it if you like and just leave the css to hide the button.
If you post a link to one of your albums I can take a look to see if there's any way to move that button to the left. Right now it's in an existing container; I don't know if there's another one to aim it at.
Could be the the css positioning property could do it...
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Here’s the test album: https://kennethbenjaminreed.com/_PROOFI … crg-album/
I've removed the unnecessary CSS, too.
CSS syntax resolved; now for trying to move it to the left...
Last edited by youloveben (2018-11-07 09:29:41)
Offline
I don't see an easy way to do it. I tried positioning but that's not one of the css properties I'm all that fluent in.
There may be a way with phplugins using the ttg_main_top hook. You might explore using that to insert the button html. It will require some styling I imagine.
If I get some time in the next few days I might explore it.
frankly, I think the button looks good where it's at and your client only need to look in one corner for all the buttons they need to use the gallery.
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
I hear ya; moving it is a pretty low priority. It's not that bad where it is!
Now, giving that counter some kind of brief, explanatory text... that's what I really need to figure out.
Last edited by youloveben (2018-11-07 09:33:31)
Offline
Thanks again, Rod. I consider this topic resolved!
Offline