Tabla de Contenidos

Como editar el ClientPOS

Las vistas son los archivo que estan atados a la customización del POS, como botones y colores, se ubican en la carpeta del pos app/config/views.

Paneles diseño

Para ocultar botones y reacomodarlo

Version Vieja

<bottom 
visible="false" managed="false"
bottom/>

Version nueva 2024

Mediante el archivo XXX.PROPERTIES que se arma para cada fxml que necesitemos editar.

Sacar boton normal

fxid.shipmentButton.visible.boolean=false
fxid.shipmentButton.managed.boolean=false

o

id.shipmentButton.visible.boolean=false
id.shipmentButton.managed.boolean=false

Sacar boton Especiales o con comportamiento diferente

Boton de recuadro de "Regalo"
fxid.giftColumn.visible.boolean=false
fxid.giftColumn.managed.boolean=false
fxid.giftColumn.styleClass.add=hide-column

Reorganiza la grilla (debemos ver bien el numero y lo editamos)
id.search-button.gridPane.columnIndex=3

Balanza
fxid.scale.visible.boolean=false
fxid.scale.managed.boolean=false
styleClass.balanza-image.visible.boolean=false
styleClass.balanza-image.managed.boolean=false

Boton info credito y prepago

Debemos ingresar al BMT donde apunta el pos, y cambiar una properties, nada mas. Debemos colocarla en NO.

sacar_boton_credito1.jpg

sacar_boton_credito.jpg

Como rastrear un Boton

1 - Tenemos que encontrar el ICONO en la carpeta. Cuando lo encontramos, tenemos el nombre del ICONO.

botones_ug.jpg

2 - Vamos a CSS que tiene la carpeta y rastreamos el nombre, para ver que boton es

botones_ug1.jpg

3 - Entro al FXML y rastreo el nombre del campo, para que podamos ver el “id” o “fx:id”

botones_ug2.jpg

Colores POS

General.css

Color letra login y bscar items

.text-field:focused{
	-fx-background-color: #0F0F0F;
	-fx-text-fill: white;
}

Color sombreado botones y menu venta

.root {
	brand-color: #000000;
	selection-color: #282525;/* color panel de promo  */
	void-color: #D85980;
	voided-color: #D8CF7C;
	focus-text-color: #BBBCBF;
	popup-color: #231F20;
	popup-header-color: #414042;
	pending-color: #D8CF7C;
	accepted-color: #006838;
	button-color: #FF7C9C; /* color boton seleccionarlo  */
	error-color: #7F1320;
	price-box-color: #282525; /* color para detalle de importes total general  */
}

.button, .toggle-button, .menu-button  {
	-fx-background-color: transparent;
	-fx-font: lighter 20pt 'Montserrat';
	-fx-text-fill: white;
	-fx-border-color: white;   /*Color del reborde de cada botton*/
	-fx-border-width: 2pt 2pt 2pt 2pt;
}

Loader.css

barra se carga

.progress-bar .track {
	-fx-background-color: black;
	-fx-border-style: none;
}

.progress-bar .bar {
	-fx-background-color: #FF7C9C;
	-fx-border-style: none;
}