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; } } }

Truncate URL text but keep the hyperlink

cvh

[previously posted in the Designing BIRT reports forum but reposting here as no responses there] 
 
Hello all. I'm very much a BIRT novice. 
 
I'm using the following code in the 'onRender' section of the script page to set the hyperlink in a column of my report: 
 
<pre class='_prettyXprint _lang-auto _linenums:0'>var myaction = this.createAction();
myaction.setHyperlink(this.getValue(),"_blank");
this.action = myaction;</pre>
 
This works nicely. 
 
However, I'd like to truncate the text representation of the URL when its exceeds a given character count, and yet retain the hyperlink itself. 
 
Can anyone give me a pointer how to do it, please?

Find more posts tagged with

Comments

JasonW

I assume this is on a data item? If so you can set the display value like:

var myurldisp = this.getValue();

this.setDisplayValue(myurldisp.substring(0,20));

Jason

cvh

Thanks very much Jason, that works just fine. 
 
For anyone else reading this - I combined Jason's code with mine as follows: 
 
<pre class='_prettyXprint _lang-auto _linenums:0'>var url = this.getValue();
this.setDisplayValue(url.substring(0,20));

var myaction = this.createAction();
myaction.setHyperlink(url,"_blank");
this.action = myaction;</pre>