Insert link next to standard download button in gallery report

[wimtracking2]

Any ideas on how to insert a custom link next to the standard link that you can choose to allow users to download records into Excel/csv in a gallery report.  See attached image.

[Volomeister]

Hi wimtracking2,

You could add this code snippet to the footer in the results section of your DataPage:

if(typeof linkURL=='undefined') {
const linkURL = 'https://www.google.com/'
const linkText = 'Some text'
const linkTemplate = `<li><a href=${linkURL} class="cbResultSetDownloadLink" id='appendedLink'>${linkText}</a></li>`
if(document.querySelector('.cbResultSetActionsContainerCellspacing')!=null && document.querySelector('#appendedLink')==null) {
document.querySelector('.cbResultSetActionsContainerCellspacing li:nth-last-child(1)').insertAdjacentHTML('afterend', linkTemplate)
}}

Just substitute linkURL and linkText with values you need.

Hope this helps

[GoodBoy]

Hello! You can add the custom link in your Header using the 'a href' tag and add some CSS to it. 

<a href="https://www.google.com" style="position:relative; left:260px; z-index: 1; top:25px;">Google</a>

Just modify the value of left and top property based on your desired position on the page. Here is the sample result.

[GoodBoy]

Hi again. If you want to add a logo or favicon beside the hyperlink, just add these properties inside the CSS after the top property.

background:url(https://twitter.com/favicon.ico) no-repeat left center;
padding-left:20px;

Do not forget to replace the URL with your favicon URL.

[futurist]

hi @wimtracking2,

you can use the following script and paste this on the Footer of your Report DataPage:

<script type="text/javascript">
document.addEventListener('DataPageReady', function (event) {

var child = document.querySelector("li[id^='DataDownloadButton']");
var parent = child.parentElement;

 var a = document.createElement('a');
      var linkText = document.createTextNode("my title text");
      a.appendChild(linkText);
      a.title = "my title text";
      a.href = "http://example.com";

parent.parentNode.appendChild(a);

});
</script>

 

Simply change the "http://example.com" to the page where you want to bring your users when they click the link

[futurist]

 Hi, 

Just wanna share this customization solution I came up with if you want to make gallery report datapages look more appealing: