Dans cette exemple, nous allons remplacer le champ
Salutations du formulaire
Contact par un bouton.
Créer une Web Resource nommée new_bouton de type jscript contenant le code suivant.
/* sample */
/* 'salutation','ButtonText','100px','functionName','Button Label' */
function ConvertToButton(fieldname, buttontext, buttonwidth,clickevent, title){
/* check if object exists; else return */
if (document.getElementById(fieldname) == null)
{
return;
}
functiontocall=clickevent;
crmForm.all[fieldname].DataValue = buttontext;
crmForm.all[fieldname].readOnly = true;
crmForm.all[fieldname].style.borderRight="#3366cc 1px solid";
crmForm.all[fieldname].style.paddingRight="5px";
crmForm.all[fieldname].style.borderTop="#3366cc 1px solid";
crmForm.all[fieldname].style.paddingLeft="5px";
crmForm.all[fieldname].style.fontSize="11px";
crmForm.all[fieldname].style.backgroundImage="url(/_imgs/btn_rest.gif)";
crmForm.all[fieldname].style.borderLeft="#3366cc 1px solid";
crmForm.all[fieldname].style.width=buttonwidth;
crmForm.all[fieldname].style.cursor="hand";
crmForm.all[fieldname].style.lineHeight="18px";
crmForm.all[fieldname].style.borderBottom="#3366cc 1px solid";
crmForm.all[fieldname].style.backgroundRepeat="repeat-x";
crmForm.all[fieldname].style.fontFamily="Tahoma";
crmForm.all[fieldname].style.height="20px";
crmForm.all[fieldname].style.backgroundColor="#cee7ff";
crmForm.all[fieldname].style.textAlign="center";
crmForm.all[fieldname].style.overflow="hidden";
crmForm.all[fieldname].attachEvent("onmousedown",push_button);
crmForm.all[fieldname].attachEvent("onmouseup",release_button);
crmForm.all[fieldname].attachEvent("onclick",functiontocall);
crmForm.all[fieldname].style.lineHeight="14px";
crmForm.all[fieldname+'_c'].style.visibility = 'hidden';
crmForm.all[fieldname].title=title;
window.focus();
function push_button(){
window.event.srcElement.style.borderWidth="2px";
window.event.srcElement.style.borderStyle="groove ridge ridge groove";
window.event.srcElement.style.borderColor="#3366cc #4080f0 #4080f0 #3366cc";
}
function release_button(){
window.event.srcElement.style.border="1px solid #3366cc";
}
}
/* now the definition of the function to call on button click */
function FunctionName(){
alert("coucou");
}
Dans le formulaire
Contact, ajouter l'appel de la fonction ConvertToButton sur le OnLoad avec comme paramètres :
'salutation','ButtonText','100px','FunctionName','Button Label'.
Après publication des modifications, nous obtenons l'écran suivant sur un contact.