Posts by rod barbee

rod barbee · General

As Matt posted, here's the area of the documentation that explains how to get the server path:http://wiki.theturninggate.net/doku.php … _phplugins

following the instructions in the documentation, enter this url into your browser:
www.glennbrogan.com/unseen_resources/phplugins/path.php

Which yields the server path: /home/content/g/l/e/glennbrogan/html/glennbrogan/unseen_resources/phplugins

rod barbee · General

Then just go to the Docs page and scroll down to Core Elements 2 Framework and click on page setup

rod barbee · General

have you sen this page in the documentation:http://wiki.theturninggate.net/doku.php?id=page_setup

rod barbee · General

This might answer your question: http://wiki.theturninggate.net/doku.php … ging_flash
The slideshow created in the mobile gallery is based on Photoswipe

rod

rod barbee · General

No verbosity? Are you saying I'm long winded

There is another option, and that is to use the No Image, Copy Only Layout option and insert the image inline. You can float left or right and the text comes up next to the picture with just the right amount of padding.This is what I do for just about all of my galleries.
There's an example of the html needed on the Info page of the Pages plug-in. If you don't have that, then grab the text in the Markdown Tutorial and you'll see how it works.

rod

rod barbee · General

I believe the text area will expand to fit the remaining space in the block (container width minus image width minus padding). Try writing more text to make that text area expand.
I think this question came up in the old forum? I remember messing with the css and being able to get the text right up against the image, but that looked goofy. I'm guessing there's some padding that could be added but I'm not sure where.
The easiest solution is to simply be more verbose

rod

rod barbee · General

Got it. And I found the css to change that if I ever feel I need more flexibility. The fact that it hasn't been an issue before and I've never noticed it should tell me something

rod barbee · General

Hi Matt,

I was just trying to match a text layout from a Highslide gallery to a Stage page.
I use Highslide galleries for my workshop pages. I have H1 and H3 Headings set to right alignment. I needed to use Stage for one workshop page (I need to embed external content in the grid) and I noticed I couldn't align the text in Stage the same way as I can in the galleries and other engines.

What I noticed was that in Stage, in the Color Pallete -- The Block, there is a text-align setting. This overrides all the typography settings from the Site Info control pane so that I can no longer right-align H1 or other headings.

Looking through the other engines, only Pages and Stage have this Text-align control for the text blocks. In all of the galleries, Autoindex, theme for Wordpress, and cart, the alignment is controlled in the typography settings.

Just wondering if this is by design?

rod barbee · Announcements & Information

For those of you who have the Pages engine, Matt has included many examples of use Markdown Syntax, especially on the Info page. But you you don't own Pages, then you don't have access to that.
The text below has been written in Markdown syntax. Copy and paste it into any Markdown enabled text block in any TTG CE, CE2, or CE3 engine. Markdown enabled textblocks are denoted with (md).

Once you've loaded this text, you can compare it to the results in the Lightroom preview area or online.

Also be sure to visit Mark Gruber's Markdown Syntax tutorial.

___________________

#Formatting text using Markdown
When Matt first included Markdown in the web engines, I was a little intimidated by it. It just seemed to be one more layer of complication. But nothing could be further from the truth. Markdown is easy to use and easy to learn. It's so much easier than using regular HTML. All it takes is to start using it. You'll soon see all its benefits.

On this page I'm going to attempt to include as many examples of Markdown formatting text as I can. It won't be every example, but hopefully it will be those that will be most often needed.

First of all, you'll find creating text for your web site a lot easier if you first write it in a text editor. Word processors can work too. I regularly write the text in Microsoft Word. I'll also us a text editor like Notepad++.

__Compare the text you see in the preview to the Markdown in the block and you'll quickly see how it all works.__

To create line breaks, use space, space, return. If you're writing in the text block of Lightroom, you'll need to use space, space, ctrl-return. If you just use return, you'll be tossed out of the text block.

Ok, let's get to some formatting. We'll start with headers.

#Here's an example of the H1 heading
##Here's an example of the H2 heading
###Here's an example of the H3 heading
####Here's an example of the H4 heading
#####Here's and example of the H5 heading
Follow your heading with space, space, return. The text formatting will go back to the default paragraph settings.
You can control the font size of the heading in the Typography section of the Site Info control pane.

##Adding emphasis
You can create __bold text__ or _italicized_ text by wrapping a word or words with the underscore: two underscores on each side for __bold__, and one on each side for _italics_.

##Hyperlinks
Insert hyperlinks in your text by wrapping the text you want displayed in brackets followed by the hyperlink in parentheses: \[text\]$hyperlink$. Like so:
[The Turning Gate](http://theturninggate.net).

##Unordered lists
There are several symbols that will let you create lists. These are all referenced in Mark Gruber's [Markdown document]( http://daringfireball.net/projects/markdown/syntax/). I'm going to use the asterisk here. When creating a list, be sure to have at least two lines between the list and any preceding text. Add a space after the asterisk to create the list.

* item one
* item two
* another item
* you should have the idea by now

##Numbered lists
Pretty much the same as an unordered list. Just use numbers instead of the asterisk.

1. Use TTG Pages CE2 to create your site
2. Use one of the CE2 galleries to display your images
3. Use TTG Stage CE2 for videos, single item product page, generic page, and much more
4. Use TTG Autoindex CE2 to create nested gallery indexes
5. Use TTG Client Response Gallery CE2 to interact with your clients

##Quote blocks
Need to quote a client for a testimonial? Quote blocks work great for that:

>I just wanted to tell you how much fun we had at your recent event. We're looking forward to next time and we'll definitely be telling all our friends--Judy Customer

##Adding images to text
Place the following code within the text where you want the image to appear. You can use class="float-right" or "float-left" if you wish.

This will place an image in the middle of the page without any text wrapping:

This will float the image to the right:

(by the way, that was an example of using a code block. Place a tab before the text to make a code block)

__Note:__ This html for inserting an image assumes the picture you want to include is in the filmstrip. If it's not, you'll need to provide the path to the picture. (The image included here is part of the .lrwebengine package so it's showing up)

Set the image width as needed. Be sure it's not larger than what you've set in the Output Settings control pane.
This might take a little experimentation. _Usually_ the pictures go where you want them. But depending on other nearby text, and the image width you've specified, things _may not_ look as you intended.
<img alt="Sample image" src="photos/sample.jpg" style="width: 200px;" class="float-left" />Also, for some reason I can't figure out, the picture may or may not appear in the preview area. Instead you might see a placeholder with a question mark. The first thing to do is to make sure you've written the path and filename correctly. If everything is correct, Export the gallery, upload, and check the page online. It should look fine.
Want to see it at work? Modify the code included here with the filename from a picture in your filmstrip. Make sure you use the jpg file extension.

---
##Horizontal lines
Want to add a horizontal dividing line? There are several ways, check Mark Gruber's document for all of them. I'm going to use the hyphen. Place three or more on a line by themselves:

---

##Escapes
If you happen to use a Markdown formatting character, like an asterisk, within your text, there's a chance that things can go all screwy. Use a backslash prior to the character if you want to use the literal character. For instance, if wish to surround a word or group of words with asterisks do it like this: \*See all characters that need an escape\* in Mark's document.
See an example of this in the Hyperlink section above.

##Other
Sometimes things seem like they're not working. If that happens, try adding another line in front of the problem area. For instance, in the horizontal line example above, there are two returns after the text about making lines. If there was only one return, you'd see a problem. Go ahead and try it. Delete one of the returns and see what happens. I dare you.

rod barbee · Announcements & Information

Q: Where do I start?
A: There are several excellent resources in the blog:
beginner's guide, getting acquainted guide, and autoindex guide.

Q: Wait. What goes where?
A: This might help explain things.

Q: I just uploaded my Pages export but I can't see my site. What could be the problem?
A: Make sure your uploading the contents of the exported Pages folder to the root of your site, not the folder itself.

Q: Why aren't any thumbnails showing up on my Galleries page or index?
A: There are a couple of main of reasons you might not be seeing thumbnail on your Galleries or auto index pages. The most common problem relates to folder naming. Don't use any spaces in folder names. This means when you export your gallery, instead of naming it "My Gallery", name it "My_Gallery"

The other common problem has to do with the PHP version your host is using. Run the Autoindex Verify script on your site to see what, if any, problems exist. You can access the script by going to http://www.yoursite.com/resources/autoindex/verify.php
Also, see this wiki entry: http://wiki.theturninggate.net/doku.php … ion_script

Also see the end of this tutorial: http://theturninggate.net/2012/01/every … uto-index/

If the results of running the script show that your site isn't running PHP 5.2.6 or higher, contact your hosting provider and ask them to upgrade your site. You may be able to do this yourself from your host's control panel.

Q: AutoIndex isn't working in a sub-folder/sub-domain. How can I fix this?
A: First check to see if your hosting is compatible with TTG plugins. Run the AutoIndex verify script to make sure.
If you get a realpath() error you may need to contact your hosting company to resolve or change hosting. If you happen to be using GoDaddy, there may be a solution. See this posting.
this may be your solution:

Open the /resources/autoindex/autoindex.php file and replace all instances of:
$_SERVER['DOCUMENT_ROOT']
with:
$_SERVER["SUBDOMAIN_DOCUMENT_ROOT"]

Q: I've installed a TTG web engine and I just get a bunch of weird code in the preview?
A:This is an installation problem. Make sure that the file name of the .lrwebengine package is not changed by your operating system. See the installation guide and follow it exactly, noting the .lrwebengine package names.

Q: Why are the galleries limited to 250 pictures per page?
A: Quoting Matt:
Engines are limited to 1,000 images. Galleries are limited to 250 images per page.
Engine limits are in place to ensure that Lightroom continues to function. I don't think it's a good idea to throw so many images at once as the Web module.

Gallery limits are in place because web-browsers are only built to withstand so much content at once. Overloading your browser can cause page loads to become unresponsive or cause the browser to crash completely. In either case, your website becomes unvisitable and is thus rendered pointless.

Best practice is to present multiple collections of more manageable numbers. How you break up those collections is up to you.

Q: How can I control the order of galleries on my Galleries (or auto index) page?
A: Order is controlled by the name of the gallery using standard alpha-numeric ordering. So galleries will appear in alphabetic order if you only use alphabetic characters. The best way to control order is to prepend the gallery name with a number. For example 01_weddings, 02_pets, 03_portraits, 04_landscapes.
You can do this by naming the gallery at export or by changing the name of the gallery folder on the server using your FTP program.

Q: Can I transfer all my TTG Pro or CE settings to CE2?
A: No. Templates for CE version engines are not compatible with CE2 engines. You'll need to start over. Sorry, that's just the nature of things. But, once you've designed for one engine, like TTG CE2 Pages, you can create a template and port those settings to templates for other engines, saving you tons of time and reducing any errors that might occur. Read Matt's tutorial for sharing engine settings.
(Note: this also applies to the new CE3 engines. CE2 templates are not compatible with CE3, you'll need to start anew with your design.)

Q: Why is TTG CE2 Pages so slow?
A: There is a ton of stuff under the hood and every time you update the preview, Lightroom has to go through every setting. This makes things slow, even on fast multi-core systems. There is sort of a workaround. Use TTG CE2 Pages Lite for the bulk of your designing. Some things have been taken out of the Lite version that make it reload faster. Once you're happy with your design, simply port the template setting to a Pages template and continue any designing needed.

Q: Why does the preview in Lightroom sometimes flicker?
A: See this post in the forum by Matt

Q: How does the auto index work?
A: Here's just about everything you'd ever want to know
http://theturninggate.net/2012/01/every … uto-index/

Q: How do I use a custom thumbnail?
A: See the same tutorial on the Auto Index
http://theturninggate.net/2012/01/every … uto-index/

Q: What jpg quality setting should I use?
A:You can just keep it at the default of 76. Read Jeffry Friedl's informative post about Lightroom jpg quality settings.
http://regex.info/blog/lightroom-goodies/jpeg-quality

Q: I've changed the thumbnail size with the sliders. Why isn't the size changing in the preview?
A: This is a Lightroom bug. The easiest thing to do is to click in the quality setting field (right below the height and width fields) and hit Enter. This seems to force a redrawing of the thumbnails. If that doesn't work, try changing the quality level. If that doesn't work, try leaving the web module and then return to it.

Q: Why are the thumbnails in my index a different size online than they are in Lightroom?
A: Thumbnails displayed in the index online are drawn from the galleries' thumbnail folders. So the sizes of the thumbnails in the index are controlled by the individual galleries.
The thumbnail sizes you choose in AutoIndex CE2 or the Galleries Page of TTG CE2 Pages are for design purposes. The sizing in these engines does not control the size of the thumbnail you see in the online index.
But keep this in mind as well, if you're nesting auto indexes, the size you choose for the thumbnails in a child auto index will be used in the parent auto index.

Q: Can I use the gallery page or auto index to index my Lightroom html (or other) galleries?
A: Yes, you'll need to use the free XML Maker to create the autoindex.xml file and thumbnails, which allow for autoindexing.

Q: Why can't I see my pages using Lightroom's Preview in Browser function?
A: TTG Pages (and galleries with php features enabled) export pages as PHP, you therefore need to view them online or on a virtual server (WAMP, MAMP, XAMPP)
http://wiki.theturninggate.net/doku.php … rted_pages

Q: Where do I put the hi-res images?
A: See the instructions in the gallery engine in the Appearance control pane under Download Hi-Res Image.
Place the folder containing your hi-res images in the exported gallery folder. Make sure you don't use any spaces in the folder name.

Q: Why isn't the download full res image link working?
A: The most common cause is file name conflicts. Make sure the file names used in your web gallery EXACTLY match the hi-res images you generate in Lightroom.
Lightroom 3 has the annoying habit of changing any hyphens in filenames to underscores, so keep that in mind. LR 4 doesn't exhibit this behavior.
Make sure you've entered the correct folder name in the gallery web engine.

Q: I've just spent hours designing my site and all my settings have vanished. What happened?
A: You probably didn't save your work as a template or as a Web Gallery. The best practice is to save your work as a template. http://wiki.theturninggate.net/doku.php … te_browser

Work from Collections. If you're using Lightroom 3, all your web settings will be saved in the collection for which they were created.
In Lightroom 4 you must save the Web Gallery. Click on Create Saved Web Gallery at the upper right of the preview area.

If you switch to a new collection, any web engine you load will load with default values.

Also see Collections and Output Creations in the wiki.

Q: Can I disable right-click?
A: Yes, if you must: http://theturninggate.net/2011/12/disab … text-menu/

Q: Why doesn't the ______ template work?
A: Templates are designed to work with specific web engines. If you don't own the engine for which you're trying to use a template, you'll get an error message. For example, if you download a TTG template set and try to use the Photoswipe Gallery template, but you don't own the Photoswipe gallery engine, you'll get an error message.

Q: How can I use an image as my background?
A: Look in the Site Info control pane. Scroll down to Page Background and look for Background-image. The default setting is "none". Click on the dropdown and choose Simple or Advanced CSS. Follow the instructions that will appear.
Note: The .lrwebengine package is the folder you initially installed, for example TTG-CE2-Pages.lrwebengine

Q: Why isn't my navigation working right?
A: Most likely cause is that you're using relative URLs as your targets and you're not referencing the correct level. Check out this tutorial on keeping your navigation "on the level":
http://theturninggate.net/2012/01/keepi … the-level/

Q: How can I add a hyperlink to text in the text blocks?
A: Use Markdown Syntax. Specifically, here's how to insert a hyperlink into the text block: [name of site](http://www.webpage.com)

Q: How do I use Markdown?
A: See John Gruber's tutorial

You can also access this URL from the Typography section of the Site Info control pane in all TTG web engines.

Also see the various pages in the TTG CE2 Pages engine, especially the Info page. There are many examples of Markdown Syntax. Just compare what's displayed in the preview with what's in the text block and you'll quickly become familiar with Markdown.
If you don't have Pages, then see the Markdown Tutorial here in the forum.

Q: I'm upgrading from LR3 to LR4, do I need to do anything special with my TTG plugins, templates, or settings?
A: Any saved templates will be available in LR4. All engines are compatible with LR4 also.
But LR3 and LR4 treat Collections differently. In LR3, a collection would 'remember' your Web Module settings. It won't in LR4; you'll need to save your TTG galleries, etc. as web pages in LR4.

So if you have any galleries that you're managing with Collections in LR3, be sure to save them all as individual templates in LR3. After installing LR4 you should just have to go to your gallery collections in the Web Module and apply the templates you made. Then save each gallery by clicking the Create Saved Web Gallery button in the upper right of the preview area.

Q: The preview in Lightroom is refreshing after every change instead of when I click the reload button. What's wrong?
A: The auto reload is a bug in LR3. The fix is to select a CE3 plugin (or any TTG plug-in) from the Layout Style list in the Web module, then quit and restart Lightroom. After restarting directly into the CE3 plugin, the reloading should behave as intended. You can then switch freely between CE3 engines.

Q: How can I add a "back" button to a page or my navigation menu?
A: See this forum thread: http://community.theturninggate.net/top … el-button/

Community @ The Turning Gate

#12801 Re: General » Old theme to new product? » 2012-10-09 22:20:57

#12802 Re: General » Google Analytics » 2012-10-08 05:56:31

#12803 Re: General » Google Analytics » 2012-10-08 03:24:16

#12804 Re: General » Correct combination of TTG products? » 2012-09-28 23:33:54

#12805 Re: General » Text alignment in all engines » 2012-09-28 08:21:00

#12806 Re: General » Text alignment in all engines » 2012-09-28 03:31:34

#12807 Re: General » Text alignment in all engines » 2012-09-28 00:41:13

#12808 General » Text alignment in all engines » 2012-09-27 04:57:33

#12809 Announcements & Information » Markdown tutorial » 2012-09-25 01:25:28

#12810 Announcements & Information » Frequently Asked Questions » 2012-09-25 01:06:02

Board footer