NG client displayType CHECK .css, font change

[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

[lvostinar]

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) ?

[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

Code: Select all

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

[lvostinar]

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

Code: Select all

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.

[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

[lvostinar]

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.