Page 1 of 1

Modify look of Related Items field

Posted: 10 Apr 2017
by aslanovsergey
Hello,

to be certain I mean standard Related Items column which Workflow Tasks have.

My goal is make some modification with existent appearance - like removing delete and add buttons so that user can't be able modify column's data. I want to realize how achieve this in terms of SPform designer (are there ways embedded in spform to modify related items column or should I resort to plain javascript to modify dom?)

Re: Modify look of Related Items field

Posted: 10 Apr 2017
by Dmitry Kozlov
OK, I see. You should modify DOM via JavaScript to remove links and event handlers.

Re: Modify look of Related Items field

Posted: 21 Apr 2017
by GregReno
I do this. It keeps it clean. Probably better ways. I always ran into problem with stuff defaulting back to the default display. Now if it does the mouseover WPQ fixes that.

SP.SOD.executeOrDelayUntilScriptLoaded(ChangeColumnName, "SP.js");
SP.SOD.executeOrDelayUntilScriptLoaded(ChangeColumnNameMouse, "SP.js");
function ChangeColumnNameMouse()
{

$("[id*=WPQ]").mouseover(function() { ChangeColumnName() });
//$("[id*=WebPartWPQ2]").mouseover(function() { ChangeColumnName() });
//$("[id*=WebPartWPQ3]").mouseover(function() { ChangeColumnName() });
//$("[id*=WebPartWPQ4]").mouseover(function() { ChangeColumnName() });
//$("[id*=WebPartWPQ5]").mouseover(function() { ChangeColumnName() });
}

function ChangeColumnName()
{

//Common -
//Hide Edit text
$.each( $("[displayname*=Edit]") , function () {
$(this).closest('th').html("");
});

$('label[for*=Field_STONG_ctl00]').html(''); //Hide N/A label from checkbox
$('label[for*=Field_RDD_ctl09]').text('Other, specify'); //Changes the text for a choice box allow user to add items
$('label[for*=Field_DMC_ctl07]').text('8. Other, Specify Below');
$('label[for*=Field_DMSRC_ctl05]').text('14. Other, Specify Below');


//Pass column name, new text to RenameColumn. Better headers in columns.
RenameColumn('ObsNumber', "<center><b>Observation<br />Number</b></center>"); //Provide Column ID and New Column name
RenameColumn('AGName', "<center><b>Agent<br />Name</b></center>"); //Provide Column ID and New Column name
RenameColumn('TASKINTTIME', "<center><b>Start Watch<br />Interval Time</b></center>"); //Provide Column ID and New Column name
RenameColumn('TASKStaff', "<center><b>Staff</b></center>"); //Provide Column ID and New Column name
RenameColumn('TASKOSpec', "<center><b>Other</b></center>"); //Provide Column ID and New Column name
RenameColumn('TASKNA', "<center><b>N/A</b></center>"); //Provide Column ID and New Column name



}


function RenameColumn(colID, NewHeader) {
try {

$("[id$=" + colID + "]").html(NewHeader);
$("[id$=" + colID + "]").title = "Sort by " + NewHeader; // Change Tooltip value

}

catch (err) {
//alert('Invalid Column ID:' + colID);
}
}