Best Practice - how to customize the DAB created Summary Entry after xhtml import

[Bart Eenkhoorn]

L.S.

From an entry in flex which looks like this:

DAB creates an app that looks like this:

It is very nice and almost identical, except for the serif font which is used in all but the headword / lexemes.

Looking at the summary view in DAB which looks like this :

Not in serif and in the vernacular in black, wheras we would like the font of the vernacular in the summary view to be in blue #0000FF

Looking at the text styles in DAB :

of which this screenshot is just a small section, there does not seem to be a way to set the font color for the summary screen.

Looking the the start of the xhtml of this entry in Flex, I see Arial Unicode MS Serif,  which is not used in any of the vernacular or analysis writing systems ... (Noto Sans is)

For those of you who have tried to find their way inside the DAB styles, is there a way to discover the relationship between FLEX xhtml export and the resulting style(names) in DAB? How can one determine what the stylenames should be for the summary pages?

What could cause the addition of 'serif' to the font family?

Any tips you may have from dealing with these issues will be greatly appreciated.

Bart.

Bart Eenkhoorn Linguist / Facilitateur SIL Afrique de l’Ouest

Virus-free.www.avast.com

[Bruce Cox]

Hi Bart,

I'm not an expert by any means, but I did a bit of playing and have found that I can control the summary screen colours by adjusting the User Interface Styles, specifically ui.list-item-title-xxx and ui.list-item-subtitle-xxx (where xxx is the language code). The title controls the headword on the summary screen, subtitle the gloss (on the reversal summary screen).

I imagine that FLEx adds the "serif" line by default as a fallback in case the font given doesn't exist, and it seems Noto Sans doesn't on your phone/device -- but you can embed the font subset into the app (or you could on the version I am using).

If for some reason you don't want to do that, you ought to be able to override CSS styling that comes from FLEx -- have a look in C:\ProgramData\SIL\FieldWorks\Projects\XXX\ConfigurationSettings\Dictionary (XXX is the name of your FLEx project) and you will see the file Preview.css which gives the CSS styling FLEx generates (look at that but don't change it) and ProjectDictionaryOverrides.css which you can edit to override the styling. I assume but have not checked that the overridden styling will make it into the exported LIFT file for DAB. So you could put something like: span[lang='xxx'] { font-family: 'Noto Sans', sans-serif; } in that file which should at least make the fallback a sans serif file.

Cheers, bruce

--
"FLEx list" messages are public. Only members can post.
flex_d...@sil.org
http://groups.google.com/group/flex-list.
---
You received this message because you are subscribed to the Google Groups "FLEx list" group.
To unsubscribe from this group and stop receiving emails from it, send an email to flex-list+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/flex-list/Mailbird-fc78b687-b2c2-4655-8b98-3ad5f0d0c3c8%40sil.org.

[Bart Eenkhoorn]

Thanks for those tips Bruce. Much appreciated. The menu items you listed were indeed the ones I needed to change. Still looking at what the ProjectDictionaryOverrides.css can add to the mix.

Bart

To view this discussion on the web visit https://groups.google.com/d/msgid/flex-list/Mailbird-8535848a-468f-4001-8182-c7c3f19e6d36%40sil.org.