Default Page details

To show the "Report a problem on this page" button, create a <div> with the following data attribute: data-ajax-replace="../feedback/ajax/report-problem-en.html".

For the basic HTML version, a link element should be created that points to the report a problem form page: <a class="btn btn-default btn-block" href="https://www.canada.ca/en/report-problem.html">Report a problem on this page</a>

For more information about Data Ajax plugin, please visit Data Ajax documentation page

To show the "Share this page" button create a <div> with the following data attribute:data-wb-share='{"lnkClass": "btn btn-default btn-block"}' and the following CSS class class="wb-share"

For more information about Share this page plugin, please visit Share widget page

HTML code

This html code will generate the same page details section as seen right below

<footer class="pagedetails">
	<h2 class="wb-inv">Page details</h2>
	<div class="row">
		<div class="col-sm-8 col-md-9 col-lg-9">
			<div data-ajax-replace="../feedback/ajax/report-problem-en.html">
				<div class="row row-no-gutters">
					<div class="col-sm-9 col-md-6 col-lg-5">
						<a class="btn btn-default btn-block" href="https://www.canada.ca/en/report-problem.html">Report a problem on this page</a>
					</div>
				</div>
			</div>
		</div>
		<div class="wb-share col-sm-4 col-md-3" data-wb-share='{"lnkClass": "btn btn-default btn-block"}'>
		</div>
		<div class="col-xs-12">
			<dl id="wb-dtmd">
				<dt>Date modified:</dt>
				<dd><time property="dateModified">2022-04-14</time></dd>
			</dl>
		</div>
	</div>
</footer>