border-radius with RMSDK?

[PeterT]

Originally Posted by Quoth

.But does the kobo.conf setting work for all FW or models?

As far as I know yes it does.

Sent from my Pixel 4a using Tapatalk

[MicroDrie]

Originally Posted by PeterT

Some info on the Kobo format can be found at https://github.com/kobolabs/epub-spec

While I don't own a Kobo device myself, I would like to thank you for sharing this link to the kobolabs with us. The kobolabs contains a lot of useful information that can be used as a kind of best practice to prevent problems.

[Skinkie]

Originally Posted by PeterT

Kobo uses two different reading engines; one for Epub and a second for Kobo Epub. The choice of engine is based on the file name. Files ending in .epub are processed by a RMSDK engine, while those ending in .kepub.epub are processed by an Access NetFront based engine.

Thanks for this insight. On the .kepub.epub version of Texties the rendering has rounded boxes. To make matters worse, my own version with left and right balloons does not work in the NetFront version, everything is left aligned, while the left-right appearance works with RMSDK (without rounded corners).

I have debugged the Netfront issue which boiled down to another already reported bug. Disabling justify, resolved the issue. Gives rounded corners and left-right behavior.

[davidfor]

Originally Posted by Skinkie

Thanks for this insight. On the .kepub.epub version of Texties the rendering has rounded boxes. To make matters worse, my own version with left and right balloons does not work in the NetFront version, everything is left aligned, while the left-right appearance works with RMSDK (without rounded corners).

I have debugged the Netfront issue which boiled down to another already reported bug. Disabling justify, resolved the issue. Gives rounded corners and left-right behavior.

I don't consider that to be a bug. It is a design decision that some disagree with. The question comes down to what is overriden by the justification settings in the reader. How do you know if a class is the "normal" text class or not? I have plenty of books whose code have justify for all classes used for text paragraphs. Many people would consider not overriding these would be a bug.

[JSWolf]

Originally Posted by Skinkie

Thanks for this insight. On the .kepub.epub version of Texties the rendering has rounded boxes. To make matters worse, my own version with left and right balloons does not work in the NetFront version, everything is left aligned, while the left-right appearance works with RMSDK (without rounded corners).

I have debugged the Netfront issue which boiled down to another already reported bug. Disabling justify, resolved the issue. Gives rounded corners and left-right behavior.

If you justify the text in just body CSS, can you set the justification to left in Aa and have center and right justifications work?

[Skinkie]

Originally Posted by JSWolf

If you justify the text in just body CSS, can you set the justification to left in Aa and have center and right justifications work?

This is my test code. There are several problems. Access Netfront does not respect the margins configuration, neither does it respect the text-align: right when the justification is overriden. Having the 'time' on the right side of the bubble, I consider broken because it does not meet either of the above constraints.

If you have a suggestion how to solve it is a different way I would like to know more about it. I would love to generate a single document that would gracefully work on the other readers as well, without being very specific for any specific reader.

<div style="display: inline-block; -webkit-border-radius: 2em; border-radius: 2em; margin: 0; background: #D9D9D9; padding: 1em 1.5em; color: #000; font-size: 1em; font-family: sans; text-align: left; max-width: 60%;"> <small class="scriptsize">+31614110231<br/></small> Volgende keer kom je er niet zo goed vanaf. John.<br /><div style="margin: auto auto 0 auto; text-align: right;"><small class="scriptsize">18:49</small></div></div>

<div style="margin: 10px 0 10px auto; text-align: right;"><div style="-webkit-border-radius: 2em; border-radius: 2em; background-color: #666666; color: #ffffff; padding: 1em 1.5em; display: inline-block; font-size: 1em; font-family: sans; max-width: 60%;"> Ik mis je. Gaat alles goed? x<div style="margin: auto auto 0 auto; text-align: right; color: #FFFFFF;"><small class="scriptsize">19:07</small></div></div></div>

[JSWolf]

Originally Posted by Skinkie

This is my test code. There are several problems. Access Netfront does not respect the margins configuration, neither does it respect the text-align: right when the justification is overriden. Having the 'time' on the right side of the bubble, I consider broken because it does not meet either of the above constraints.

If you have a suggestion how to solve it is a different way I would like to know more about it. I would love to generate a single document that would gracefully work on the other readers as well, without being very specific for any specific reader.

<div style="display: inline-block; -webkit-border-radius: 2em; border-radius: 2em; margin: 0; background: #D9D9D9; padding: 1em 1.5em; color: #000; font-size: 1em; font-family: sans; text-align: left; max-width: 60%;"> <small class="scriptsize">+31614110231<br/></small> Volgende keer kom je er niet zo goed vanaf. John.<br /><div style="margin: auto auto 0 auto; text-align: right;"><small class="scriptsize">18:49</small></div></div>

<div style="margin: 10px 0 10px auto; text-align: right;"><div style="-webkit-border-radius: 2em; border-radius: 2em; background-color: #666666; color: #ffffff; padding: 1em 1.5em; display: inline-block; font-size: 1em; font-family: sans; max-width: 60%;"> Ik mis je. Gaat alles goed? x<div style="margin: auto auto 0 auto; text-align: right; color: #FFFFFF;"><small class="scriptsize">19:07</small></div></div></div>

You code should not include anything to do with webkit. Can you do what you want without webkit code? Webkit code is irrelevant for ePub.

As for justification, I just make sure the CSS specifies full as that's what I want. No need to override.

[Skinkie]

Originally Posted by JSWolf

You code should not include anything to do with webkit. Can you do what you want without webkit code? Webkit code is irrelevant for ePub.

I'll check if all the renderers work without it.

As for justification, I just make sure the CSS specifies full as that's what I want. No need to override.

Again: how would I be to "float right" the timestamp? And "float right" the box if neither text-justify or margin work?

[JSWolf]

Originally Posted by Skinkie

I'll check if all the renderers work without it.


Again: how would I be to "float right" the timestamp? And "float right" the box if neither text-justify or margin work?

text-justify does work. Just stop using the justification override. In body, put in the justification you want.

body {
  widows: 1;
  orphans: 1;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  text-align: justify;
}

Float should then work. I've never had a problem with margins. Maybe it's related to the justification override. I cannot say for sure.

[Renate]

Originally Posted by JSWolf

Kobo is not using the latest RMSDK...

Just wondering, what version RMSDK is it using?
The latest B&N Glow3 release has RMSDK 9.3.1.433
(I don't know if versions correlate across manufacturers.)

[JSWolf]

Originally Posted by Renate

Just wondering, what version RMSDK is it using?
The latest B&N Glow3 release has RMSDK 9.3.1.433
(I don't know if versions correlate across manufacturers.)

I believe that Kobo is using RMSDK 10.x. That would be the equivalent to some version ADE 3. I would like Kobo to someday update that to the latest RMSDK.

[Semwize]

Originally Posted by JSWolf

I would like Kobo to someday update that to the latest RMSDK.

Only border-radius will not work there either, I think.

[Skinkie]

Originally Posted by JSWolf

text-justify does work. Just stop using the justification override. In body, put in the justification you want.

I think we are talking past each other. If a user is explicitly changing justification settings, the rendering goes wrong. Obviously if they don't the settings are respected. What can one do preventing the timestamp to be overriden?

[Renate]

Mmm, I'm not sure whether we're discussing float or border-radius, but...

[Skinkie]

Originally Posted by Renate

Mmm, I'm not sure whether we're discussing float or border-radius, but...

The border-radius issue is obviously the most pressing. But getting the content to move around something not to overlook. I find it interesting that your reader has the ability to show it in RMSDK. While on my Kobo Aura HD it only works on the .kepub.epub renderer.