question How to insert multiple URL's in a single field? in Developer forum

How to insert multiple URL's in a single field?

User150433 — Tue, 05 Jul 2011 09:00:57 GMT

Hello All,

I have a requirement where we have to provide multiple links in a single field.User should have the freedom of clicking on any link and opening in a new tab/window.Currently in out of box functionality of SNC,they have provided a URL field which works as single link and not multiple.

Can someone please provide some assistance on this?

Thanks.

Re: How to insert multiple URL's in a single field?

CapaJ — Tue, 05 Jul 2011 14:22:00 GMT

I think an HTML field is going to be as close as you can get. Without creating your own new unsupported field type from the ground up, and I doubt anything like that has ever been documented. Or attempted in any real sense.

Re: How to insert multiple URL's in a single field?

nataraj1 — Mon, 23 Dec 2013 11:17:25 GMT

Hi Amit,

I have same requirement where user have to provide multiple links in a single URL field. Did you get any luck on this? If yes could you please share the same. Really appreciate your help.

Thanks
Nataraj

Re: How to insert multiple URL's in a single field?

geoffcox — Mon, 23 Dec 2013 17:50:57 GMT

I would suggest creating a new table to hold your links. Each record would have a reference field back to your original form, and a URL field.

Then, add this new table to your form as an embedded related list. Then the user can add one or many URLs to the form, and they would each appear in their own line.

Cheers,
Geoff.

Re: How to insert multiple URL's in a single field?

Anurag Tripathi — Wed, 21 Jan 2015 15:46:22 GMT

I have done exactly this on one of my forms but that field is pre populated and not filled by user at the run time.

I have the URLs in an array and this is how i save them on a text field. This is a server side code

var array = ////HOLDS URL

for(var i = 0;i<array.length;i++)

{

task.multiple_url_field += "<a href='"+array[i]+"' target='_new'> "+array[i]+"</a>;"+" "; //target can be manipulated

}

Re: How to insert multiple URL's in a single field?

poyntzj — Wed, 21 Jan 2015 15:49:35 GMT

Is that a URL or HTML field ?

Re: How to insert multiple URL's in a single field?

Anurag Tripathi — Wed, 21 Jan 2015 15:54:50 GMT

HTML

Re: How to insert multiple URL's in a single field?

sergioap — Thu, 22 Jan 2015 09:56:02 GMT

If you want to avoid using an HTML field you can do it in two ways:

- First one is by having a choice field with different choices (and its values the url) and a UIA that popups the value of the choice field.

- The other one is by DOM manipulation, onLoad script, the code is a bit shoddy but works for me:

-------------------------------------------------------------------------------------------------------------------

var originalOuterHtml;

var counter = 0;

var links;

var originalId;

function onLoad() {

var varname = 'u_testing'; // This is the only thing you need to change - field name

var el = g_form.getElement(varname);

originalOuterHtml = el.outerHTML;

originalId = el.id;

links = g_form.getValue(varname).split("\n")

changeLabelClickEvent(varname);

}

function changeLabelClickEvent(varname){

var label = g_form.getLabel(varname);

var pattern = /onclick="(.*);"/;

var found = pattern.exec(label.outerHTML);

if(found[0]){

var newOnclick = "onclick=\"return changeElementType('"+varname+"');\"";

label.outerHTML = label.outerHTML.replace(found[0],newOnclick);

}

function changeElementType(varname){

var pair = counter % 2;

var el = document.getElementById(originalId);

counter++;

if(pair == 0){

var newOuterHtml = "<div id='"+originalId+"'>";

for(var i=0; i<links.length; i++){

newOuterHtml += '<a href="'+links[i]+'">'+links[i]+'</a><br>';

}

newOuterHtml += "</div>";

el.outerHTML = newOuterHtml;

}else{

el.outerHTML = originalOuterHtml;

changeLabelClickEvent(varname);

}

-------------------------------------------------------------------------------------------------------------------

How it works? you have a textarea field called 'u_testing' (in my example) and there you write your urls. By clicking on the field label the field will change into the urls you wrote on the textArea. By click label again it will change back to the original textArea field allowing you to modify the urls.

Regards,

Re: How to insert multiple URL's in a single field?

gomsi — Thu, 01 Dec 2016 21:48:57 GMT

Hi Sergioap,

I tried seems all cool but i got stuck in one place when i am putting all url and saving the form then its considering all url as a single url .

Can you suggest , how they will be appear as a separate URL ?

Re: How to insert multiple URL's in a single field?

aartiaushal — Tue, 24 Oct 2017 13:08:40 GMT

I am facing the same issue. Did you find solution for it?

Re: How to insert multiple URL's in a single field?

aartiaushal — Tue, 24 Oct 2017 13:12:39 GMT

Hey I found it.
you should use a String field and every URL should be on a new line.Once done you will not get the URL added as a single line.