NG2: svy-lookup toolbar filter problem FontAwesome?

Questions
1

Iam trying to use the toolbar filter from svy_lookup.
Check fields etc are running fine but scopes.svyToolbarFilter.FILTER_TYPES.SELECT with a valuelist is not displayed correctly.

I can still select the values and they are filtered after closing the filter popup, but I cannot see the selection in the table of the filter popup.

[attachment=0]svy_loopup.png[/attachment]

To me it looks like a problem with css and I found the following entry in the svy-lookup.css:

.svy-lookup .ag-table .svy-lookup-icon-selection > div,
.svy-lookup td.svy-lookup-icon-selection > div {
font-family: ‘Font Awesome\ 5 Free’;
text-align: center;
font-weight: 400;
}

We are using FontAwesome Pro 5, but the default Servoy FontAwesome Free is still in our solution. Maybe that’s the reason?
Servoy Developer is Version: 2024.3.2.3945

We have NG1 running on Servoy Developer Version: 2021.3.0.3642 with the same FontAwesome and toolbar filter without any problems.

svy_loopup.png
svy_loopup.png954×261 17.8 KB

2

Hi,

If you use Font Awesome PRO you can add this to your solution’s CSS, will then use the FA PRO font instead of the Free version

.svy-lookup .ag-table .table-cell-icon, 
.svy-lookup td.table-cell-icon > div {
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
}

Regards,
Paolo

3

Hey Paola,
thanks. Sometimes it can be so easy :-).
I just have to make a note of it, as it will probably be overwritten again with the next update of the svy-lookup module.
Of course it would be good if Servoy would use both existing fontawesome packages.

4

Hi Michael,

if you write that piece of CSS into your own solution’s css you won’t need to modify the svy-lookup.css file itself.