Monitor Reply

Support

Caption line breaks?

Permalink Browser Info Environment July 20, 2015 at 11:16 AM

Touch Gallery is installed and some changes already done. I'm sure I'll get a nice gallery for my customer (if you check the site, remember, its' still on early stage). Site is built on Elemental.

But I have one question. This - as some other sites which are under work - needs sometimes to have quite a lot of information to be put in the caption. For example: "Name (of the product/object/photo)", "year of production", "artist/maker/designer", "materials", "photographer" ...

Line breaks would be a great help, but I have not yet found a way to make them. Regular "return" makes a line break which shows when editing, but not anymore in gallery (= for the viewer).

So, are my attempts futile or is there a way for make line breaks?

Kindly,
Päivi

Type:	Pre-Sale
Status:	Resolved

mnakalay replied on Jul 20, 2015 at 1:46 pm Permalink Reply

It is possible but I need to know what you want to do exactly.
You see there are 2 different captions for each image, the one that shows with each thumbnail and the one with each full screen image.
In your file manager, each image has 2 attributes "title" and "description" when you edit its properties.

Title is used for the thumbnail caption and Description is use for the full screen caption.

Title can't really do what you want, but description can.

Whatever the situation, I just need to know if you need the text with each thumbnail or with full screen so I know how to help you.

PaiviK replied on Jul 21, 2015 at 5:56 am Permalink Reply

Ideally "title" would make the title (with a different style) and description would be the additional info devided on separate lines. Both would be shown.

But if that is not possible, this is what I need:

In current case the thumbnail caption is more important.
For example:

Red flower vase
Glass, 2014
Photo: Who Ever

Btw, just a comment. All galleries (which I have checked) seem to use image title and description for captions. Most of the time that is a perfectly good option. But when making multilingual sites that can be a little annoying - you either have to make captions in two (or more) languages or have to upload images several times and give them separate texts. It works, but separate caption (text file?) would be nice sometimes. But that would probably mean a less simple gallery...

mnakalay replied on Jul 21, 2015 at 9:47 am Permalink Reply

The title attribute is really meant to only hold short text.

What I suggest is that you create a new text area file attribute, just like the description one, and you use it instead of the title attribute.

I don't know if you are a coder or not. If you don't think you can do that let me know I'll send you a template with the modification.

Concerning the translation problem, I have never tried it myself but my understanding is that the Concrete5 muli-language system deals with that directly.

PaiviK replied on Jul 22, 2015 at 7:55 am Permalink Reply

Not really a coder, but I do (at least sometimes) manage to copy, paste, split and blend some code... ;-)
I would be happy if you sent me a template I could play around with!

My latter comment was not about translation... But never mind.

mnakalay replied on Jul 22, 2015 at 5:43 pm Permalink Reply 1 Attachment

ok. Here's a modified version of the block's view.php that you can use as a template.

The modification is simple. First you create a new file attribute with a text area like the description field. I gave mine a handle of "long_title"

In the template you will see that I get the file and from there the value of the attribute. I also use the Php function nl2br that turns new lines into HTML <br> tags

$f = File::getByID($img->fID);
$title = nl2br($f->getAttribute('long_title'));

You can then use the variable $title anywhere you want.

You will see that in the file I am sending, I use it as a value for the link's "title" attribute. That will however create problems as new lines will not really show and the text will contain a visible <br> tag.

But you can use it in a different way like in a span that you can position on top of the image

PaiviK replied on Jul 23, 2015 at 2:50 am Permalink Reply

Thank you very much!
Päivi

Touch Gallery 4

Support

Caption line breaks?

Issue Reply

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

Request Refund

Code

Delete Post