RTL Support?

[SatadruBhattacharjee]

RTL Support?

[g-zachar]

Hi @SatadruBhattacharjee

can you explain exactly what you mean by RTL texture?

Best regards

[SatadruBhattacharjee]

Hi @g-zachar,
The requirement is to have an RTL layout (Right-to-Left). For example, tried this approach but it's not doing anything.

` const TEXT = "This text is normal.\nThis text is bold.\nThis text is italic.\nThis text is <color=0xffcc2222>red.\nThis text is brokennnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn up.\n"

    window.onload = function() {
        class BasicUsageExample extends lng.Application {
            static _template() {
                return {
                    text: {
                        w: 500,
                        wordBreak: true,
                        advancedRenderer: true,
                        text: TEXT
                    }
                }
            }
        }

        const options = {stage: {w: 900, h: 900, clearColor: 0xFF000000, canvas2d: true, useImageWorker: false}, debug: true}

        const app = new BasicUsageExample(options);
        const stage = app.stage;
        stage.direction = 'rtl';
        const canvas = stage.getCanvas();
        canvas.dir = 'rtl';
        console.log(canvas)
        // const ctx = canvas.getContext("2d");
        // ctx.direction = "rtl";

        document.body.appendChild(canvas);
    }`

[g-zachar]

@SatadruBhattacharjee

Unfortunately, currently there is no support for right-to-left component layout or text layout in Lightning.

Best regards

[SatadruBhattacharjee]

Thanks for your message @g-zachar , any plan to support RTL in V3 ?

[erikhaandrikman]

We will put this feature on the backlog

[frank-weindel]

@SatadruBhattacharjee I'm not sure if this is helpful or not, but have you tried using Unicode Bidirectional control characters to get what you are trying to achieve in Lightning 2.0?

Here's an example from our new Lightning Playground.