======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=====
<code>
<bottom 
visible="false" managed="false"
bottom/>
</code>

=====Version nueva 2024=====
Mediante el archivo XXX.PROPERTIES que se arma para cada fxml que necesitemos editar.

====Sacar boton normal====
<code>
fxid.shipmentButton.visible.boolean=false
fxid.shipmentButton.managed.boolean=false

o

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

</code>

====Sacar boton Especiales o con comportamiento diferente====
<code>
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

</code>

===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====

<code>

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


====Color sombreado botones y menu venta====

<code>

.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;
}
</code>


=====Loader.css=====

====barra se carga====

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

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

</code>