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>
Slideshow how to link the titles to a page
Re: Slideshow how to link the titles to a page
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:
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>
Re: Slideshow how to link the titles to a page
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.
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.
Re: Slideshow how to link the titles to a page
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?
Why not just add your caption (and any links) in the body of the slide itself?
Re: Slideshow how to link the titles to a page
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 & AV">
<p><a href="http://www.byallaccounts.net/Manuals/FA ... .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> </p>
</MadCap:slide>
</MadCap:slideshow>
</div>
<div id="content-section" class="mc-blurb"> </div>
</body>
</html>
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 & AV">
<p><a href="http://www.byallaccounts.net/Manuals/FA ... .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> </p>
</MadCap:slide>
</MadCap:slideshow>
</div>
<div id="content-section" class="mc-blurb"> </div>
</body>
</html>
Re: Slideshow how to link the titles to a page
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)."
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.