nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

How to quickly access viewpage.action?pageId=XYZ URL

Martin Wermers-Pauly

Hi,

I don't like the tiny links, in my opinion they they look ugly, so I don't want to send and use them. However, I do need stable links that don't break when renaming a page. So I figured out I can access the Page Information page, and then change the URL from 'viewinfo' to 'viewpage' and use that link instead of the tiny URL. However, this is quite tedious, so I'd like to have a shortcut to get this URL. Could you please simply display this link in the 'Link to this Page' dialog box (K on keyboard), too?

Best regards
Martin

Accepted answers

Stephen Deutsch

Hi Martin,

if you include this code in your custom HTML, it should do the trick:

&lt;script&gt;
AJS.bind("show.dialog", function(e, data) {
  if (data.dialog.id === "link-page-popup") {
    setTimeout(function() {
      if (!document.getElementById('link-popup-field-pageid-link')) {
	    AJS.$("#link-page-popup-form &gt; fieldset").append('&lt;div class="field-group"&gt;&lt;label for="link-popup-field-pageid-link"&gt;Page ID Link:&lt;/label&gt;&lt;input id="link-popup-field-pageid-link" readonly="readonly" value="' + AJS.params.baseUrl +'/pages/viewpage.action?pageId=' + AJS.params.pageId + '" class="text" type="text" onclick="this.select();"&gt;&lt;/div&gt;');
	    data.dialog.updateHeight();
	  }
    }, 100);
  }
});
&lt;/script&gt;

All comments

Stephen Deutsch

Hi Martin,

if you include this code in your custom HTML, it should do the trick:

&lt;script&gt;
AJS.bind("show.dialog", function(e, data) {
  if (data.dialog.id === "link-page-popup") {
    setTimeout(function() {
      if (!document.getElementById('link-popup-field-pageid-link')) {
	    AJS.$("#link-page-popup-form &gt; fieldset").append('&lt;div class="field-group"&gt;&lt;label for="link-popup-field-pageid-link"&gt;Page ID Link:&lt;/label&gt;&lt;input id="link-popup-field-pageid-link" readonly="readonly" value="' + AJS.params.baseUrl +'/pages/viewpage.action?pageId=' + AJS.params.pageId + '" class="text" type="text" onclick="this.select();"&gt;&lt;/div&gt;');
	    data.dialog.updateHeight();
	  }
    }, 100);
  }
});
&lt;/script&gt;

Martin Wermers-Pauly

Hi Stephan,

thank you very much for posting the script. However, I don't know how and where to insert custom HTML. Can you help out? Or do you happen to know a HOWTO tutorial?

Best regards
Martin

Stephen Deutsch

Here's a page I found:

https://confluence.atlassian.com/confkb/how-to-use-javascript-in-confluence-313458839.html

But there's nothing so specific.

What you need to do is click on the gear icon at the top of the Confluence page (you must be a system administrator to see this) and click on the "General configuration". You may be prompted to insert your password.

On the next screen, look on the left sidebar for an option called "Custom HTML"

After clicking there, you'll have to click on the edit button.

Copy and paste the script above and paste it into the field under "At the end of the HEAD". Be careful not to overwrite anything already there.

Save, and then it should be active, and you can go back to any page and test it.

Martin Wermers-Pauly

Hi Stephen,

In the meantime, our Confluence Administrator added your code, and it works like a charm! Thank you so much for your help on this matter!

Best regards
Martin

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

confluence

link