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.
<bottom visible="false" managed="false" bottom/>
Mediante el archivo XXX.PROPERTIES que se arma para cada fxml que necesitemos editar.
fxid.shipmentButton.visible.boolean=false fxid.shipmentButton.managed.boolean=false o id.shipmentButton.visible.boolean=false id.shipmentButton.managed.boolean=false
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
Debemos ingresar al BMT donde apunta el pos, y cambiar una properties, nada mas. Debemos colocarla en NO.
1 - Tenemos que encontrar el ICONO en la carpeta. Cuando lo encontramos, tenemos el nombre del ICONO.
2 - Vamos a CSS que tiene la carpeta y rastreamos el nombre, para ver que boton es
3 - Entro al FXML y rastreo el nombre del campo, para que podamos ver el “id” o “fx:id”
.text-field:focused{
-fx-background-color: #0F0F0F;
-fx-text-fill: white;
}
.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;
}
.progress-bar .track {
-fx-background-color: black;
-fx-border-style: none;
}
.progress-bar .bar {
-fx-background-color: #FF7C9C;
-fx-border-style: none;
}