Narrow notebook content width in exported html webpage view

[RandomFractals]

Hi Gordon,

I tried your new html export option. I like the styles you added for objects and arrays display.

However, I got very narrow webpage view when opening it in FireFox:

and Chrome:

I will try other notebooks.

[RandomFractals]

changing #placeholder max-width css property to 1080px fixes it :slightly_smiling_face:

    #placeholder {
        position: absolute;
        left: 8px;
        top: 8px;
        right: 8px;
        bottom: 8px;
        max-width: 1080px;
    }

[RandomFractals]

actually, I removed that max-width css setting completely to see a larger map on a wider screen:

Not sure if you want to do the same for all html exports.

Thanks!

[GordonSmith]

FYI those styles simply matched the Observable web site at the time (but not centered) - as you have probably worked out now, the html export is really just a demo, once you see that the "widget" is simply loading the ojs text or omd text then you can create your own web site drived from your own DB server etc.

BTW the export isn't new, its been there from day one pretty much...

[GordonSmith]

Further - I had raised an issue with Mike Bostock re the default width on the website being too narrow and his response was that its harder to read the text when its gets beyond a certain number of words per line...

[RandomFractals]

that's fine. I would just make the change I suggested in your html exports. up to you.

[GordonSmith]

If you want to make the width configurable within the @hpcc-js/observable-md "widget", please open a ticket here: https://github.com/hpcc-systems/Visualization/issues

[RandomFractals]

I am not familiar with what you refer to as widgets and that repo. I know you use it for this extension. Maybe just clip this one there with more info if needed.

[GordonSmith]

Sure. FWIW the Widget in question is what renders the raw text in a web page - normally the widgets adjust to the hosting DIV width and height.