Empezar un tema nuevo

Modificar aspecto y/o tamaño de White board

Es modificable este control de alguna manera? Por ejemplo para que muestre solo un área o recuadro de firma más pequeño? Y ya puestos para indicarle un tamaño de pincel de manera programática?
1 comentario

Hola Demetrio Vinagrero,


Te adjuntamos un ejemplo para que puedas hacerlo a tu gusto, tanto a la hora de modificar el tamaño de la pizarra, como para preestablecer el grosor


Para poder modificar el tamaño de apertura (Mediante CSS), el usuario puede ir editándolo para hacerlo más grande o más pequeño:

#WBContainer{
width: 85% !important;
height: 75% !important;
top: 12% !important;
left: 8% !important;
box-shadow: 0px 0px 19px 6px #0000005e;
}

.WBButtonsContainer {
position: absolute !important;
}


Para asignar un valor de grosor de linea al abrir, puede copiar estas funciones y luego colocar la función whiteboard en el afterload del modulo Edit pasando como parametro el nombre del campo de tipo whiteBoard y el grosor de la linea :

function whiteboard(propertyName, lineWidth){
var myVarField;
myVarField = setInterval(function(){
if($('flx-whiteboard[property="' + propertyName + '"]').length > 0){
$('flx-whiteboard[property="' + propertyName + '"]').click(function() {
setOptions(lineWidth);
});
        clearInterval(myVarField);
      }
}, 100);
}

function setOptions(lineW){
var myVarOptions;
myVarOptions = setInterval(function(){
if($('#WBContainer #WBcanvas').length > 0){
$('#WBContainer #WBcanvas')[0].getContext("2d").lineWidth = lineW;
        clearInterval(myVarOptions);
      }
}, 100);
}



Un saludo


Iniciar sesión o Registrarse para publicar un comentario