Important Update: Some Community URL Redirects are Under Maintenance. Learn More. .

cancel
Showing results for 
Search instead for 
Did you mean: 

Can I change a color of "Save" button and "Save and Close" button ? or change a caption of button?

uikawa
Contributor III

Hi,

Does anyone know how to change a color of "Save" button and "Save and Close" button ?

Our customer requests to change "Save" button to white and "Save and Close" to blue.

Or they wants to change a caption of each button. 

Thanks!

1 ACCEPTED SOLUTION

Accepted Solutions

Ilya_Khen
Champion III
<style>
	.record-page #master_btnApply1 .btn-new {		
		color: rgb(23, 109, 194);
		background-color: rgb(255, 255, 255);		
		border-width: 1px;
		border-style: solid;
		border-color: rgb(23, 109, 194);
		border-image: initial;
	}
	
	.workflow-app-buttons #master_btnApply1 .tb-btn:hover {
		color: rgb(13, 71, 161);
		border-color: rgb(13, 71, 161);
		background: rgb(255, 255, 255) !important;
	}
	
	.workflow-app-buttons #master_btnSave1 .tb-btn:hover {
		border-radius: 3px!important;
		background: #0d47a1!important;
	}
	
	.record-page #master_btnSave1 .btn-new {
		color: rgb(255, 255, 255);
		background: rgb(23, 109, 194);
		border-width: initial;
		border-style: none;
		border-color: initial;
		border-image: initial;
	}
</style>

<script type="text/javascript">
	Sys.Application.add_load(function() 
	{
		var
			saveTitle = 'Custom Save',
			saveCloseTitle = 'Custom Save and Close';
			
		$('#master_btnApply1 div').text(saveTitle);	
		$('#master_btnSave1 div').text(saveCloseTitle);
	});
</script>

View solution in original post

7 REPLIES 7

Ilya_Khen
Champion III

uikawa,

Not OOB, only via Custom Object.

Hi Ilya-san,

Thank you for your reply.

I noticed that when I searched Custom Object code in community.

I found a code to hide the button, but couldn't find a code to change a color. So I wonder if anyone can give me a hint.

Would you?

Ilya_Khen
Champion III

Hi Uikawa-dono,

Your can try to create Custom Object which would be executable only in Edit mode:

<style>
	.record-page #master_btnApply1 .btn-new {		
		color: rgb(23, 109, 194);
		background-color: rgb(255, 255, 255);		
		border-width: 1px;
		border-style: solid;
		border-color: rgb(23, 109, 194);
		border-image: initial;
	}
	
	.workflow-app-buttons #master_btnApply1 .tb-btn:hover {
		color: rgb(13, 71, 161);
		border-color: rgb(13, 71, 161);
		background: rgb(255, 255, 255) !important;
	}
	
	.workflow-app-buttons #master_btnSave1 .tb-btn:hover {
		border-radius: 3px!important;
		background: #0d47a1!important;
	}
	
	.record-page #master_btnSave1 .btn-new {
		color: rgb(255, 255, 255);
		background: rgb(23, 109, 194);
		border-width: initial;
		border-style: none;
		border-color: initial;
		border-image: initial;
	}
</style>

Hi Iliya-san,

The code worked. The color changed as they want. Thank you so much.

Will you also be able to provide a code to change a caption of button?

 

Ilya_Khen
Champion III
<style>
	.record-page #master_btnApply1 .btn-new {		
		color: rgb(23, 109, 194);
		background-color: rgb(255, 255, 255);		
		border-width: 1px;
		border-style: solid;
		border-color: rgb(23, 109, 194);
		border-image: initial;
	}
	
	.workflow-app-buttons #master_btnApply1 .tb-btn:hover {
		color: rgb(13, 71, 161);
		border-color: rgb(13, 71, 161);
		background: rgb(255, 255, 255) !important;
	}
	
	.workflow-app-buttons #master_btnSave1 .tb-btn:hover {
		border-radius: 3px!important;
		background: #0d47a1!important;
	}
	
	.record-page #master_btnSave1 .btn-new {
		color: rgb(255, 255, 255);
		background: rgb(23, 109, 194);
		border-width: initial;
		border-style: none;
		border-color: initial;
		border-image: initial;
	}
</style>

<script type="text/javascript">
	Sys.Application.add_load(function() 
	{
		var
			saveTitle = 'Custom Save',
			saveCloseTitle = 'Custom Save and Close';
			
		$('#master_btnApply1 div').text(saveTitle);	
		$('#master_btnSave1 div').text(saveCloseTitle);
	});
</script>

The code works. Thank you very much, Iliya-san.

Ilya_Khen
Champion III

Anytime