Differences in format - lexicon app created from XHTML

I’m trying to build some dictionary apps using the XHTML output from FLEx, as we have some very specific format requirements. My understanding is that whatever dictionary configuration format you build in FLEx should be represented in the XHTML output, and also in the data format in the app.

What we have set up in the dictionary configuration is shown with this image:

If we export to XHTML and open the XHTML file in a browser, we get this on the screen:

So far so good. But then when I load the XHTML into a DAB app, this is what I get:

That’s pretty close. But ignoring the font differences (which I can adjust as desired in the app configuration), there are still a few differences. The /A around “de l’arabe” to make a new line isn’t being used. And the “sens:” section is indented (and isn’t in the XHTML), and “variante:” shold be indented farther than “sens:”.

Is there something that I can do to make the output look closer to what it should, or am I coming across bugs that need to be fixed?

And one more thing… The “avec verbe auxiliare:” is not in italics. This is a style which is defined in the ProjectDictionaryOverrides.css file, as follows:

.entry> .auxiliare> span:first-child:before{
		content:'\A avec verbe auxiliaire: ';

Can someone confirm that the overrides are indeed taken into account in the DAB import?

Can you share your project with me? XHTML in DAB does do some things different to what the CSS says.

I’ve sent you a link, Ian. Looking closer, my guess is that the ProjectDictionaryOverrides.css file is NOT taken into account, because it isn’t even copied into the “lexicon” folder in the DAB project folder.

For the avec verbe auxiliaire look in the Imported Styles tab for:
.entry> .auxiliare> span:first-child:before
Modify that style so font-style: italic

For the de l’arabe if you add a style in Modifications tab:
Style Name .etymologies
And in the CSS put:

.etymologies {
    display: block;
    padding-left: 14px;


You may need to adjust the padding-left to that style too.

I appreciate your willingness to look into this, Ian. And I certainly can play around with the styles to make things look more like I need them to look. But that begs the question: Why is the output from DAB different than the format within FLEx? I can understand if the overrides are not handled that there would be some differences. (That should be considered a bug, by the way…) But this block stuff that you are suggesting that I need to do - that should be handled automatically by DAB, should it not? Both are using HTML and CSS to display the entry, so can’t we make it so that there is a seamless transition between the dictionary format in FLEx and the entry layout produced by DAB, so they are the same? It seems like that should be what we want to shoot for.

I have been bothered by this same issue, the fact that DAB does not reproduce exactly what I have configured in FLEx and would see this as something to get fixed urgently in DAB. Is this really difficult to implement?
I greatly appreciate what you are doing and have enjoyed making dictionary apps with DAB.

1 Like

Similarly for the POS info:
Add Style
And in the CSS:

.sharedgrammaticalinfo {
    padding-left: 14px;

Also add:
And in the CSS:

.lexsensereferences {
    padding-left: 21px;

I will look at the other CSS files and see why they are not being included. As a work around you could combine all CSS files into the one that is included. But I think you will need to start a new project.