Portal Engine Questions on portal engine and web parts.
Version 4.x > Portal Engine > How to add Image Title in Lightbox SelectedItem View modes: 
User avatar
Member
Member
Anuj - 1/12/2010 5:22:33 AM
   
How to add Image Title in Lightbox SelectedItem
Hello,

I want to add Image Title in LightBox Gallery. When I am selecting an image it is showing its big image with description. I want to show title in big font just after image and then description.

I am not finding the proper solution. So please provide me a solution so that I could modify its selected item transformation in lightbox.

Thanks in Advance.

Regards,
Anuj

User avatar
Member
Member
Alex Rybin - 1/12/2010 6:52:42 AM
   
RE:How to add Image Title in Lightbox SelectedItem
Lightbox does not use transformations for displaing and listing images. As I got from learing the code of lightbox js libraries, it get link to images from appropriate <a> tags, description is content of "title" attribute of this tag.

User avatar
Member
Member
Anuj - 1/12/2010 11:08:55 PM
   
RE:How to add Image Title in Lightbox SelectedItem
Hello Alex,

Thanks for the reply.

I am using lightbox gallery and it has a property named "Selected item transformation" and in which I am setting details and also "Transformation" property which shows images.

I wish to know that when I am clicking an image it is showing its big size with its description. But I also want to get title of the image when it is growing in size.

If you have any idea so please provide me a solution.

Thanks,
Anuj

User avatar
Kentico Developer
Kentico Developer
kentico_ondrejv - 1/26/2010 8:03:38 AM
   
RE:How to add Image Title in Lightbox SelectedItem
Hello,

Alex is partially right. Lightbox uses title property of particular link to show image at the bottom left corner of selected picture detail. If you mean this one, you can refer to it in your CSS stylesheet following way:

#caption
{
font-size:1.2em;
}

However there is still possibility to add custom content to selected item transformation of lightbox webpart as well.

Hope it covers your needs. Otherwise please be more specific and provide us with more details.

Best regards
Ondrej Vasil

User avatar
Member
Member
Anuj - 1/30/2010 1:01:37 AM
   
RE:How to add Image Title in Lightbox SelectedItem
Hello,

I wish to add custom content in selected item transformation.
Currently it is showing description of image with image but I want to show image with its title and its description.

Please provide me relevant solution for this.

Thanks,
Anuj

User avatar
Kentico Support
Kentico Support
kentico_radekm - 2/9/2010 11:35:20 AM
   
RE:How to add Image Title in Lightbox SelectedItem
Hello.

Do you want to use lightbox for images uploaded as attachments of CMS.File document type? If so, could you please try to use following transformation?

Transformation:
<a style="text-decoration:none;" href="<%# GetDocumentUrl() %>" rel="lightbox[files]" rev="<%# Eval("NodeAliasPath") %>" title="<%# HTMLEncode(ResHelper.LocalizeString(Convert.ToString(Eval("FileName")))) %>">
<%# GetImageByUrl(GetDocumentUrl(), 200) %>
</a>
<br />

Selected item transformation:
<table>
<tr>
<td>
<div style="background-color: #dddddd; border:solid 1px #000000; padding-bottom: 100px;">
<div style="margin-top: 25px; font-size: 14pt; color: #184D6B;">
<%# HTMLEncode(ResHelper.LocalizeString(Convert.ToString(Eval("FileName")))) %>
</div>
<div style="margin-top: 20px;font-size: 14pt; color: #333333;">
<%# GetImageByUrl(GetDocumentUrl()) %>
</div>
</div>
</td>
</tr>
</table>

Best Regards,
Radek Macalik