Slideshow how to link the titles to a page

This forum is for all Flare issues related to the HTML5, WebHelp, WebHelp Plus, and Adobe Air Targets

Slideshow how to link the titles to a page

Postby Kathy_123 on Wed Sep 21, 2022 4:17 pm

I've got a slideshow on the home page of an HTML5 project.

The slides (essentially icons) link to pages in the project.

I'm having trouble making the slide titles under the icons link to the pages.

Can someone tell me how to tag it to get it to work? I didn't think it would be tricky to make the text a link but here I am. I've tried a bunch of things and get document is not valid errors.

Here's a portion of the code.

<MadCap:slide title="The Title">
<p><a href="AV/AV_list.htm"><img src="Resources/Images/TheIcon.svg" alt="" class="Slideshow" /></a>
</p>
</MadCap:slide>
Kathy_123
Propeller Head
 
Posts: 39
Joined: Thu Oct 04, 2012 9:40 am

Re: Slideshow how to link the titles to a page

Postby Dave Lee on Wed Sep 21, 2022 11:38 pm

Unfortunately, I can't see how you could change that, as Flare generates the HTML for that caption/title in the output.
It takes the title="The Title"from the source and uses it to build a div in the output:
Code: Select all
<div class="mc-caption">
   <div>The Title</div>
</div>
Dave Lee
Master Propellus Maximus
 
Posts: 6196
Joined: Mon Mar 05, 2007 8:33 am
Location: UK

Re: Slideshow how to link the titles to a page

Postby Kathy_123 on Thu Sep 22, 2022 6:44 am

Thanks for trying to help!

I was looking at it more last night and the slideshow editor and the Caption fill-in can be used to adjust that field.
It does allow using system variables there. IDK if there is a way to make it allow them to be linked.

We are switching to more "graceful" icons and I now have multiple people now wanting to click the text instead of the icon. UGH.
You do not have the required permissions to view the files attached to this post.
Kathy_123
Propeller Head
 
Posts: 39
Joined: Thu Oct 04, 2012 9:40 am

Re: Slideshow how to link the titles to a page

Postby Dave Lee on Thu Sep 22, 2022 6:52 am

Using a variable wouldn't make a difference, as you're just inserting text from a variable - it's still not going to be generated as a link.

Why not just add your caption (and any links) in the body of the slide itself?
Dave Lee
Master Propellus Maximus
 
Posts: 6196
Joined: Mon Mar 05, 2007 8:33 am
Location: UK

Re: Slideshow how to link the titles to a page

Postby Kathy_123 on Thu Sep 22, 2022 6:59 am

Can you give any guidance on how to do that?

ETA: This is the home.htm:

<?xml version="1.0" encoding="utf-8"?>
<html xmlns:MadCap="http://www.madcapsoftware.com/Schemas/MadCap.xsd" class="HomePage">
<head>
<link href="Resources/Stylesheets/StylesForHomePage.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="topichero">
<div class="title-text">
<div class="smal12smallcenteredcolumnscenteredtext">
<h1 class="Dark_Grey_sm"> Welcome to <MadCap:variable name="General.CompanyName" /> Documentation
</h1>
<h3 class="dkgreyheader">The place to find videos, PDFs, and more.</h3>
</div>
<MadCap:searchBarProxy data-mc-skin="/Project/Skins/HomeSearchBar.flskn" MadCap:conditions="General.Hide Comment" />
</div>
</div>
<div class="slidingshow">
<MadCap:slideshow MadCap:SlidesDisplayed="6" MadCap:AdaptiveHeight="True" MadCap:Navigation="None" MadCap:ShowCaptions="True" MadCap:InfiniteLoop="True" MadCap:AutoDirection="next" MadCap:Pause="4000" MadCap:Mode="horizontal" MadCap:Speed="500" MadCap:Responsive="True" MadCap:Controls="False">
<MadCap:slide title="[%=General.AccountView%]">
<p><a href="AccountView/AV_list.htm"><img src="Resources/Images/AccountView.svg" alt="" class="Slideshow" /></a>
</p>
</MadCap:slide>
<MadCap:slide title="[%=General.CI%]Custodial Integrator">
<p><a href="CI/CustodialIntegrator.htm"><img src="Resources/Images/Custodial Integrator.svg" alt="" class="Slideshow" /></a>
</p>
</MadCap:slide>
<MadCap:slide title="[%=General.CISaaS%]CI SaaS">
<p><a href="CI Saas/CI_SaaS.htm"><img src="Resources/Images/CI SaaS.svg" alt="" class="Slideshow" /></a>
</p>
</MadCap:slide>
<MadCap:slide title="APIs">
<p><a href="DataConnect/DataConnect.htm"><img src="Resources/Images/API.svg" alt="" class="Slideshow" /></a>
</p>
</MadCap:slide>
<MadCap:slide title="FAQs for CI &amp; AV">
<p><a href="http://www.byallaccounts.net/Manuals/FAQ/Default.htm"><img src="Resources/Images/FAQ.svg" alt="" class="Slideshow" /></a>
</p>
</MadCap:slide>
<MadCap:slide title="Training">
<p><a href="Training/Training_list.htm"><img src="Resources/Images/Training.svg" alt="" class="Slideshow" /></a>
</p>
</MadCap:slide>
<MadCap:slide>
<p>&#160;</p>
</MadCap:slide>
</MadCap:slideshow>
</div>
<div id="content-section" class="mc-blurb">&#160;</div>
</body>
</html>
Kathy_123
Propeller Head
 
Posts: 39
Joined: Thu Oct 04, 2012 9:40 am

Re: Slideshow how to link the titles to a page

Postby Kathy_123 on Tue Sep 27, 2022 6:39 am

I got an answer from MadcCap. It involved recreating the slideshow. Seems that the interface for creating the slideshow has changed in the multiple years since I created it so the code is quite different.

I'm redoing the slideshow and here's the scoop. Once I recreated the slideshow using Insert >Slideshow, I could edit and format and link to the text in the slideshow.

"You can insert a hyperlink into the caption within the slideshow via the insert ribbon as you can see here (attachment)."
You do not have the required permissions to view the files attached to this post.
Kathy_123
Propeller Head
 
Posts: 39
Joined: Thu Oct 04, 2012 9:40 am


Return to Web-based Outputs

Who is online

Users browsing this forum: No registered users and 6 guests