NG client displayType CHECK .css, font change

Classic Servoy
1

Hello,

How to properly build and assign style to (multiple) CHECK component?

https://wiki.servoy.com/display/public/ … e+NGClient
have tried to change .svy-check & .svy-checkgroup application-wide and also to explicitly assign styleClass to CHECK component, but NG client is not aware of new settings from .css?
General .css is assigned as styleSheet on solution/form level and than styleClass works for components other than CHECK.

How to properly customize appearance of (multiple) CHECK component on the form for NG client?

Regards

2

imre_tokai:
Hello,

How to properly build and assign style to (multiple) CHECK component?

https://wiki.servoy.com/display/public/ … e+NGClient
have tried to change .svy-check & .svy-checkgroup application-wide and also to explicitly assign styleClass to CHECK component, but NG client is not aware of new settings from .css?
General .css is assigned as styleSheet on solution/form level and than styleClass works for components other than CHECK.

How to properly customize appearance of (multiple) CHECK component on the form for NG client?

Regards

The svy-checkgroup should work. What css you want to apply? Are you sure is valid (also with the dom structure we have there) ?

3

Thanks Laurian,

Looks like .svy-checkgroup works indeed,
needed here to delete leftover .css blocks, as upgrading the project built in earlier Servoy version (like tabpanel, label, field…)

Just a note about 2 other suspicious CHECK behaviors:

  1. when filling CHECK’s valuelist run-time from DB, pseudocode
var theDataset = databaseManager.getDataSetByQuery( 'sample_db_server', 'SELECT id, name FROM sample_table', null, -1)
var theDisplayValues = theDataset.getColumnAsArray(2);
var theReturnValues = theDataset.getColumnAsArray(1);		
application.setValueListItems( "vl_for_CHECK", theDisplayValues, theReturnValues );

clicking on certain checkbox brings radio-like selection toggle, instead of expected multiple check? Work-around is to implement the onDataChange event

  1. when filling valulist via basic Custom Values, unable to uncheck lastly selected checkbox

Thanks

4

imre_tokai:
Thanks Laurian,

Looks like .svy-checkgroup works indeed,
needed here to delete leftover .css blocks, as upgrading the project built in earlier Servoy version (like tabpanel, label, field…)

Just a note about 2 other suspicious CHECK behaviors:

  1. when filling CHECK’s valuelist run-time from DB, pseudocode
var theDataset = databaseManager.getDataSetByQuery( 'sample_db_server', 'SELECT id, name FROM sample_table', null, -1)

var theDisplayValues = theDataset.getColumnAsArray(2);
var theReturnValues = theDataset.getColumnAsArray(1);
application.setValueListItems( “vl_for_CHECK”, theDisplayValues, theReturnValues );



clicking on certain checkbox brings radio-like selection toggle, instead of expected multiple check? Work-around is to implement the *onDataChange* event

2) when filling valulist via basic *Custom Values*, unable to uncheck lastly selected checkbox

Thanks

And how does point 1 and 2 work in Web Client / Smart Client? If different than NGClient you should file a case in our system. I think point 2 is because allowNull is false for the dataprovider column, so you cannot set value to null.

5

Thanks Laurian,

sorted out 2 NG client behaviors, different than in earlier Servoy versions, and submitted
https://support.servoy.com/browse/SVY-9803

Regards

6

imre_tokai:
Thanks Laurian,

sorted out 2 NG client behaviors, different than in earlier Servoy versions, and submitted
https://support.servoy.com/browse/SVY-9803

Regards

Ok, thanks, we will look into it.