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.
Yep :-)
Wow, Rod, you are the best! This is the solution! I have now assigned a page template *with* nav menu and a different PHP file under Client Response > Settings, and a page template *without* nav menu to the CRG albums template. Now it works as I wanted it. Thanks so much!
It's just that there are these different places where you have to assign templates, that I tend to overlook these things. Thanks for your help and insight!
Okay, that would be a great solution. But I don't know how I can assign it, because it seems that the one template applies to the whole of CRG. Or am I overlooking a setting somewhere?
It actually says at the setting that this template controls both the login/out page and the albums. So I must get around this some other way.
And lastly, an issue on my mobile phone: I keep seeing the scroll bar from the menu on my screen after I have closed the legend tray of the CRG page.
This must be an issue related to the phone you're using. I don't see it on my iPhone 6
Okay, might be the phone, then. I'll have to check with other people how it looks on their phone.
And after refreshing I get the main menu on the album page, above the Legend, and I don't want to see the main menu there. I'll have to look into how I can change this.
Ah, now I see the problem. I had copied my default page template and adjusted it for CRG, but that meant leaving out the nav menu, which I had forgotten. I have now added the menu again and it's working. But the problem now is that I adjusted the template to suit the Legend in the tray, meaning I reduced the top margin in the tray, but this also effects the regular, main menu, which is now displayed too high.
Hi Rod,
I have currently assigned a two column page template for CRG. I cannot select my CRG album template under Personalization.
And here is a link to a CRG album: http://ariaanblok.nl/backlight/gallerie … asselblad/
You can log in with username dummy@dummy.com and password dummy to see it
I've now added a link to my client response pages in the main menu: "klantengedeelte". If you wish, you can log-in with dummy@dummy.com (password: dummy) to see it. I like the client response gallery and it's possibilities very much and it scales excellently on my mobile too. And thanks to Rod's neat tip I could place the Legenda in the tray and was able to personalize it and and add color to the heart shape.
There's a couple of things I haven't been able to figure out yet, though. One is how I can add my main page menu to the client response login/logged-out page. It would be nice to be able to return to the main site from there. It does have my background, but how can I add the tray to that page?
And secondly, the icon bar with the selection options is now above my masthead. In mobile view this looks excellent, sharing the top part of the screen with my name. On a desktop, I would prefer to have this tool bar either share space with my masthead, or appear in the tray. Probably the latter. Can this be done somehow?
And also, I think it would be nice to have the feedback balloons visible on the thumbnails in mobile view as well. This could make it easier for clients to see how they can leave their feedback.
And lastly, an issue on my mobile phone: I keep seeing the scroll bar from the menu on my screen after I have closed the legend tray of the CRG page. I have a Fairphone with Android 5.1. I might be just my phone that is having this problem, I haven't been able to check this with other people yet.
Thanks again for the great work you guys are doing with Backlight, it'a really a great website building tool!
I'm very happy with Backlight! It's so wonderfully easy to create and manage a site in this system and I'm looking forward to all the enhancements that will become possible when more functionality becomes available. Thanks Matt, Ben and Rod for all your help and insights here on this forum.
I've tried to more or less rebuild my CE4 site in Backlight, with some custom CSS and PHP to get a couple of things working the way I wanted them to. It's still in the demo subdomain for the moment:
http://ariaanblok.nl/backlight/stage/
I copied the stage module from CE4 and changed some links to get it to work with Backlight. I'm not sure if I did the menu part in the custom php page in the most efficient way. All I actually needed was to replace the top link in the menu (to the regular Backlight home page) with the link to my Stage page, but I ended up replacing the entire menu in the custom PHP. I have the impression that this makes the pages slower to load, maybe because of the use of full urls instead of the previous "/contact", "/gallery", etc.
Anyway, just wanted to show what I have so far.
Edit: it's now moved to the main domain: http://ariaanblok.nl
Thank you Matt, this solves it. The image stays nicely at the bottom of the page now and stretches with 'cover'.
Instead of using two images I've added a gradient to the top half of the image to make it blend into the background color. Now I don't even have to use 'cover' anymore to have it stretched.
Thanks both for your help!
As I understand it, it isn't meant to just cover the browser dimensions. At my regular site it covers the scrollable area, as you can see here:
http://ariaanblok.nl/galleries/02_buitenfotografie/
And you're right, stretching the entire background might end up looking weird, that's why I was hoping to be able to use two images, where I would stretch just the sky image. Or I might fix the single image to the page bottom and make a transparency gradation to have the top blend into the background color. Might be an elegant solution.
Thanks for your help so far!
Yes, that's the problem. I could use the 'fixed' property as a temporary workaround, but it's not as nice.
Something I just realised: the 'cover' attribute doesn't actually stretch the background image, does it? So I would actually need an image that is at least as high as the scrollable area?
Say, if my background image is 1433px high and the scrollable area covers 1600px, I would need to make my image 1600px high?
Thanks Rod. I've removed the album from the home page and inserted a lot of text:
http://ariaanblok.nl/backlight/home/
Makes no difference at this time.
Right click on the page and select Show Page Source (in Safari) and then click on custom-sample.css in the left pane.
But on that page a different background setup is being used. What I would like, is two images on top of each other, where the top one (sky) stretches to fill any gap left by the bottom one (landscape). Perhaps this is not possible with just CSS.
Thanks Rod! Here is a link to my site with a long page: http://ariaanblok.nl/backlight/gallerie … otografie/
The image is wide enough, 2600px. I'll see what it does with quote marks around the URL.
In my CE4 website I use a background image that stretches when scrolling to cover the entire page, not just the view port. In Backlight, with the same CSS code, this doesn't seem to work. The image just covers the view port and moves up when scrolling, displaying the background color below it.
Has anything changed with Backlight CSS and should I use different coding?
This is what I have in my custom CSS file:
body {
background-attachment: scroll;
background-image: url(/backlight/backlight/custom/images/achtergrond_licht3.jpg);
background-repeat: no-repeat;
background-position: center bottom;
background-size: cover;
}
That was question number one.
A more complex, second question is: can I use two background images to cover the page, with one staying in proper proportions on the bottom and the other on top, stretching to fill the rest of the page? Like a landscape and sky, where the sky should be able to stretch, but the below landscape keeps its proportions.
Thanks for any help!