JSLink -- how to suppress the standard rendering of a column label on a form

Question

In producing a JSLink custom rendering for a particular field (I use Fields:, EditForm and NewForm templates), I seem to have gotten the field's default name rendered "for free" as its label, but I want a custom label to show in its place.

How would I go about doing this?

(I'm brand new to JSLink and CSR technology).

Josh

Answer 1

You are now rendering only the Fields value

You would either

• Render the whole Form yourself

• or "go in" after the page loaded and change the DOM

The last one might be easier with some creative JavaScript, because you can't easily select that label with Selectors..

in your current render output, add a dummy IMG

<IMG src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw=="
  onload="{
            var TR=this.parentNode.parentNode;
            var label=TR.firstChild.firstChild;
            label.innerHTML="MY NEW LABEL";
          }"/>

You might need to change the DOM locations for your scenario

The src is a blank image 1px image which causes NO network load, but will trigger the onload function

Once it loads it walks up the DOM to the corresponding label