CSS Grid with Draggable panes

[Alan Wells]

Here is an Apps Script Web App on GitHub that shows an example of a web page sectioned off using CSS grids.

It includes two drag bars allowing the 3 main panes to be resized.

I needed to learn how to do this for my new code editor app.

I want to have an HTML preview pane that opens to the right of the code editor.

https://github.com/Blueprinter/CSS-Grid-with-Draggable-panes

[Adam Morris]

Hey, very cool project.

This is really a javascript framework question, so if you got the code working in your browser normally, you can take that code, then serve it with HtmlService, and it'll run in AppsScripts platform. I suggest looking at using flexbox specification.

For a complicated project like this, it'll be worth investigating the different javascript frameworks that are available. I prefer using svelte.js, but I don't have a lot of tutorials to share right now. Just this repo:

https://github.com/classroomtechtools/appscripts-modules-ft-svelte

Basically I can write the web browser stuff locally on my computer quickly, and not have the slower appscripts refreshing when I develop.

Vue.js also seems to be pretty good fit as well.

Adam

--
You received this message because you are subscribed to the Google Groups "Google Apps Script Community" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-apps-script-c...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-apps-script-community/731b2943-7747-4cd2-ac8b-b78bfe00cfeen%40googlegroups.com.