nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

As we transition to the new Hyland Community, some post links may be temporarily disrupted as we finalize redirects. We apologize for the inconvenience and are working to resolve this as quickly as possible. Details.

Link to Article Section in Carousel

fbander

Hello,

This is my first post here but I've been grabbing some useful information for the past month. I am new to Web Quick Start but am moving along in my understanding thanks to hands-on work and awesome resources such as these forums. I have been looking for a way to have the "read more" link in the carousel to direct to the section the article is an asset within, not the actual article itself. For example, /govtworks/news/green_init/ instead of /govtworks/news/green_init/slide1.html . Using section.name and section.title displays the root page values. Any help would be appreciated.

Thanks!

Bob

Find more posts tagged with

Comments

ben

Hi Bob, welcome!

Try:

<a href="<@makeurl section=article.containingSection/>">${msg('read.more')}</a>‍

That will provide the section of the article.

Regards, Ben.

fbander

Thanks, Ben! Worked like a charm. I do have another unrelated question:

I would like to put a picture on a page and have it render the same way as when an image associated with an article is clicked (in the nice little js box). However, I don't want the text around the image to be formatted like an article IE I'd like to place a sentence directly under the image as a caption.

Any input?

Thanks,

ben

Hi Bob,

The JS effect you describe is known as a "lightbox" effect. The one used on the sample site is driven by a jQuery plugin called SlimBox. You can read all about it http://www.digitalia.be/software/slimbox2. Fyi, all of the jQuery plugins are listed within the license file (Web-Quick-Start-License.txt) located under \wcmqs\META-INF.

These types of features are very much in the web tier and actually have nothing to do with Alfresco (with the exception of delivering the image). It will require a little JS and CSS work. To help you get up to speed, you may also want to take a look at the original template to see how the CSS and JS is used. It is available here - http://themeforest.net/item/media-consult-business-portfolio-and-blog-theme/63330

Regards, Ben.

bremmington

Just to add to what Ben has said, an image is a content asset so can have properties too. You may want to use the images "title" property as the caption you mention. In the "article/style1" component, that would be obtained simply with "image.title"

fbander

Thanks, gentlemen. I'll have a look!