RH2020 Breadcrumb Links Blank

Explorer ,
Oct 08, 2020 Oct 08, 2020

Copy link to clipboard

Copied

Hello,
I am not sure if this is user error or not.  I am using RH2020 (mac) with a Responsive HTML5 output. 

The issue i am facing is that the breadcrumb links (other than Home) do not navigate to intended page when clicked.  When i view the output in firefox developer tools, all breadcrumb links give the following url value: href="../../#" so clicking on them does nothing.   

I added the breadcrumbs by going into my master page for web output and placed a breadcrumb placeholder in the header.  The actual text readout is perfect - just that the links don't work. 

Is there some step i am missing with this? 

Views

125

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 2 Correct Answers

Adobe Community Professional , Oct 09, 2020 Oct 09, 2020
I have now reported it as a bug. Please vote for it as that helps. https://tracker.adobe.com/#/view/RH-8251

Likes

Translate

Translate
Engaged , Oct 09, 2020 Oct 09, 2020
In my test of RH2020 I could not detect this behavior. However, I was using projects that I upgraded along the way since RH2019 (some early release). My breadcrumbs are assigned to the merged help output in HTML5 using a master page where the breadcrumbs are defined as follows (this styling is not as it is in RH2020 and late 2019 versions, as something has been changed there): <div data-region="header"> <div class="breadcrumbs" data-type="breadcrumbs" style="text-align: left;font-family: Arial;m...

Likes

Translate

Translate
Adobe Community Professional ,
Oct 09, 2020 Oct 09, 2020

Copy link to clipboard

Copied

Please use the photo icon to insert images within the post. Some supporters will not open attachments for security reasons as you have to save them before you can view them. If you do download, you are then not seeing the image inline with the text. 

Then thanks to a quirk of this forum, if you do save the attachment, you then have to close the thread and reopen it before you can reply. Crazy but that's the way it is.

 

It looks like a general bug, that is not Mac specific. I just tried it and got the same result on a Windows machine. I have queried it with Adobe.

 

It works correctly in frameless outputs, which are a better format going forward as that's where there will be more development of the skins.

 

Please use the Blue reply button at the top to help me help you. The black Reply link nests replies and they sort out of order.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Oct 09, 2020 Oct 09, 2020

Copy link to clipboard

Copied

I have now reported it as a bug. Please vote for it as that helps.

 

https://tracker.adobe.com/#/view/RH-8251

 

Please use the Blue reply button at the top to help me help you. The black Reply link nests replies and they sort out of order.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Oct 09, 2020 Oct 09, 2020

Copy link to clipboard

Copied

In my test of RH2020 I could not detect this behavior. However, I was using projects that I upgraded along the way since RH2019 (some early release). My breadcrumbs are assigned to the merged help output in HTML5 using a master page where the breadcrumbs are defined as follows (this styling is not as it is in RH2020 and late 2019 versions, as something has been changed there): 

<div data-region="header">
<div class="breadcrumbs" data-type="breadcrumbs" style="text-align: left;font-family: Arial;margin-left:;color: rgba(55,53,52,0.6);font-size: 11pt">
<p style="display: inline;text-align: left"><span class="label"></span> <a data-home="true" href="#" style="text-decoration: none; color: inherit"> <span class="homepage">Home</span> </a> <span class="separator" data-type="separator">&gt;</span></p>
<ul>
</ul>
</div>
<p class="Body"> </p>
</div>

Maybe this could be a workaround until the actual bug is fixed.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Oct 21, 2020 Oct 21, 2020

Copy link to clipboard

Copied

LATEST

Both you and Peter are correct.  It is a bug and your work around fixed it.  In viewing the source code, inserting the breadcrumb placeholder into the master page for some reason added the crumbs as an unordered list.   I updated the code in source view to remove the list markings and made it a standard paragraph.  That resolved it for now.

OLD

<div class="breadcrumbs" data-type="breadcrumbs" style="text-align: left;">
<ol style="padding: 0; margin: 0">
<li style="display: inline"><span class="breadcrumbs-home-prefix"></span> <a class="breadcrumbs-home" data-home="true" href="#" style="text-decoration: none; color: inherit"> <span class="breadcrumbs-home-displaytext">Home</span> </a> <span class="breadcrumbs-separator" data-type="separator">&gt;</span></li>
</ol>
</div>

Custom
<div class="breadcrumbs" data-type="breadcrumbs" style="text-align: left;">

<p style="display: inline"><span class="breadcrumbs-home-prefix"></span> <a class="breadcrumbs-home" data-home="true" href="#" style="text-decoration: none; color: inherit"> <span class="breadcrumbs-home-displaytext">Home</span> </a> <span class="breadcrumbs-separator" data-type="separator">&gt;</span></p>

</div>

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources
RoboHelp Documentation