Scripture Verse Number Auto-size

[yurividal]

Currently, when auto-size is enabled on the text box, it is impossible to have the verse number show smaller than the verse text.
I understand that this is by design, since the font size has to be calculated.

I'm wondering if we could use some sort of CSS trick like for example:

.shrink {
  font-size: 0.7em;
}

Alternatively, we can add logic to calculate this when the auto-size calculation happens, but i think its just extra work.

Thoughts?

[vassbo]

We are calculating the ratio between the verse number size and the text size, so we need to apply that to the auto size as well, so the verse number size is has a different size. We can add a class of sorts that tells the autosize logic to skip the element. Using em works, but have it inline in the element.

[yurividal]

Ok, so it is indeed a bug. Let me see what i can do...

[yurividal]

The problem is that the ratio will always be 1:1, with the current implementation. because the UI editor won't allow the user to select a diferent font size for just one word if auto-size is enabled

[tobsowo]

We are calculating the ratio between the verse number size and the text size, so we need to apply that to the auto size as well, so the verse number size is has a different size. We can add a class of sorts that tells the autosize logic to skip the element. Using em works, but have it inline in the element.

Is there a way to get all the CSS class that Freeshow support?

[vassbo]

I guess that was the main issue, yes. You can add the {scripture_number} into another textbox without autosize and set a custom size there, that should work.

[vassbo]

@tobsowo It supports any CSS values!

[yurividal]

I guess that was the main issue, yes. You can add the {scripture_number} into another textbox without autosize and set a custom size there, that should work.

yeah, but then you can't really have the {scripture_number} displaying right before the first word.
What is the best way to tackle this, in your oppinion? how do you want this to work?

[vassbo]

{scripture_number} can be placed anywhere, it's just used for styling not for position like the other dynamic values!

[tobsowo]

@tobsowo It supports any CSS values!
Thank you.

[yurividal]

{scripture_number} can be placed anywhere, it's just used for styling not for position like the other dynamic values!

Doesn;t really work. I only have auto-size on my secondary output (OBS)

I tried editing that template, removed the {scripture_number} from the main text box, and added it as a separate text box, on a random position, set it to pink (to test). and small font).

Not only did it not work, but also, on the place i put the {scripture_number} text box, freeshow is now displaying the entire metadata of my bible (name, verison, copyright..)

I'll look at the code, and see what i can do.
I'll try to add a .preserveFontSize class. then elements with this class are measured for overflow calculation,
But their font-size is NOT overridden by the autosize algorithm, then i use the existing code to calculate the size based on percentage.

[vassbo]

The auto size logic for the scripture number has never been added, but for implementing it a start is to add it to a seperate textbox, and we can deal with getting it to work in the same textbox later if that's not too hard. What I meant was that you should get the same verse number position regardless of where in the template you place it, which means that we can use that logic to do the auto size more easily.

[vassbo]

I will get back to you on this, sorry I didn't have time to explain myself further at the moment.