Name change from "Save" button

Nico_Redepenning

Hi. How can i change the name of the Button "Save" permanently in CSS or .js.
When i change it in the Localizations, the rename is gone after an update. Thanks. :-)

Shane_White

Hi @Nico_Redepenning

Can you press Ctrl+F5 to do a hard refresh of the page and if it is still not loading can you open your Dev tools and see if there are any errors?

Thanks,
Shane.

Shane_White

Hi @Nico_Redepenning

Hmm that's because the class is a different number on request offerings.. Unfortunately on the page they don't have nay specific attributes like an Id or databind to point to

You could change it to this:

$(document).ready(function () {

var mainPageNode = document.getElementById('main_wrapper');

var observer = new MutationObserver(function(mutations) {

var saveElement = document.getElementsByClassName('btn btn-link btn-lg')[0].getElementsByTagName('div')[0]

var saveElement2 = document.getElementsByClassName('btn btn-link btn-lg')[2].getElementsByTagName('div')[0]

if (saveElement.innerHTML == "Save") { //Check Save box exists

saveElement.innerHTML = 'New Text'

}

if (saveElement2.innerHTML == "Save") { //Check Save box exists

saveElement2.innerHTML = 'New Text'

}

observer.disconnect();

});

// configure the observer and start the instance.

var observerConfig = {attributes: true, childList: true, subtree: true, characterData: true };

observer.observe(mainPageNode, observerConfig);

});

Thanks,

Shane.

Shane_White

Hi @Nico_Redepenning

Try this Javascript out and let me know if this is what you are after!

$(document).ready(function () {

var mainPageNode = document.getElementById('main_wrapper');

var observer = new MutationObserver(function(mutations) {

var saveElement = document.getElementsByClassName('btn btn-link btn-lg')[0].getElementsByTagName('div')[0]

if (saveElement.innerHTML == "Save") { //Check Save box exists

saveElement.innerHTML = 'New Text'

observer.disconnect();

}

});

// configure the observer and start the instance.

var observerConfig = {attributes: true, childList: true, subtree: true, characterData: true };

observer.observe(mainPageNode, observerConfig);

});

Also, if you wanted to change the color of the tick box you could add this to your .css file:

.fa-check:before {

color: lawngreen;

}

Thanks,
Shane.

Nico_Redepenning

Hi @Shane_White
i put it in the custom.js but the name is the same. 

Shane_White

Hi @Nico_Redepenning

Can you press Ctrl+F5 to do a hard refresh of the page and if it is still not loading can you open your Dev tools and see if there are any errors?

Thanks,
Shane.

Nico_Redepenning

Sorry but i forget to press Ctrl+F5. I only press F5. Now it works. Thanks.

Shane_White

@Nico_Redepenning

Made a quick edit to the above code as I only put 1 = instead of 2!

This means it shouldn't just randomly change things

Thanks,
Shane.

Nico_Redepenning

@Shane_White
Can this also be used for Service Request? 

Shane_White

@Nico_Redepenning

Yes this is for all workitems!

Thanks,
Shane.

Nico_Redepenning

I mean when i open a Service Request. View Screenshot.

Shane_White

Hi @Nico_Redepenning

Hmm that's because the class is a different number on request offerings.. Unfortunately on the page they don't have nay specific attributes like an Id or databind to point to

You could change it to this:

$(document).ready(function () {

var mainPageNode = document.getElementById('main_wrapper');

var observer = new MutationObserver(function(mutations) {

var saveElement = document.getElementsByClassName('btn btn-link btn-lg')[0].getElementsByTagName('div')[0]

var saveElement2 = document.getElementsByClassName('btn btn-link btn-lg')[2].getElementsByTagName('div')[0]

if (saveElement.innerHTML == "Save") { //Check Save box exists

saveElement.innerHTML = 'New Text'

}

if (saveElement2.innerHTML == "Save") { //Check Save box exists

saveElement2.innerHTML = 'New Text'

}

observer.disconnect();

});

// configure the observer and start the instance.

var observerConfig = {attributes: true, childList: true, subtree: true, characterData: true };

observer.observe(mainPageNode, observerConfig);

});

Thanks,

Shane.

Gerhard_Goossens

Shane_White

Hi @Nico_Redepenning

I just made an improvement to this customisation if you would like to try it out, less code and more efficient!

$(document).on('ajaxStop', function () {

var buttons = $('.btn.btn-link.btn-lg')

var buttonDivs = buttons.find("div")

buttonDivs.each(changeName);

function changeName() {

if (this.innerHTML == "Save") { //Check Save box exists

this.innerHTML = 'Save Ticket'

}

if (this.innerHTML == "Apply") {

this.innerHTML = "Apply Changes"

}

};

});

Let me know what you think!

Thanks,

Shane