Modificar aspecto y/o tamaño de White board

Publicado 11 meses hace por Flexygo Team

Publicar un tema
Sin responder
Flexygo Team
Flexygo Team

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?

0 Votos


1 Comentarios

Flexygo Team

Flexygo Team publicado 11 meses hace

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


0 Votos

Iniciar sesión o Registrarse para publicar un comentario