Gideon So Posted June 14, 2018 Share Posted June 14, 2018 Hi @theo, WOW. Surely will give it a try. Nice job. By the way, why not update the first post so that others can find the package easier?? Gideon 2 Link to comment Share on other sites More sharing options...
theo Posted June 14, 2018 Author Share Posted June 14, 2018 3 hours ago, Gideon So said: WOW. Surely will give it a try. Nice job. By the way, why not update the first post so that others can find the package easier?? OK, done. Thank you. 2 Link to comment Share on other sites More sharing options...
theo Posted June 26, 2018 Author Share Posted June 26, 2018 Hello I am still working hard ? and I'm trying to turn the prototype into something reliable and usable. Many changes behind the scenes and some additional features. I will show a screencast soon. Thank you. 5 Link to comment Share on other sites More sharing options...
dotnetic Posted June 26, 2018 Share Posted June 26, 2018 Just a quick thought: I think it is better and more flexible if you use an options field with autocomplete and "chosen select multiple (extra module)" for the column widths, offsets etc. Right now it looks very cumbersome. Take a look at my screencast at https://screencast-o-matic.com/watch/cF1OY3FYE2 1 Link to comment Share on other sites More sharing options...
theo Posted June 26, 2018 Author Share Posted June 26, 2018 @jmartsch: Thank you. Not sure. It's a matter of taste. I like it this way because I can quickly change sizes and I don't have to use the keyboard. 1 Link to comment Share on other sites More sharing options...
OllieMackJames Posted June 27, 2018 Share Posted June 27, 2018 following this, very interested in a visual pagebuilder Good work guys! 3 Link to comment Share on other sites More sharing options...
theo Posted July 20, 2018 Author Share Posted July 20, 2018 Time for a little update. ? There are many changes again. Most visible: More Ajax, more Drag&Drop, more Wysiwyg. Real containers (Tree hierarchy) instead of "nested groups". Rows are also containers now. In this little video, I will show you how to layout a responsive page from scratch without writing a line of code. http://theowp.bplaced.net/upload/reptile.html This system is not for absolute noobs. You need to have an idea about how responsive web pages and Bootstrap work. But then one can be really fast I think. Still a long way to go, but I hope you like the idea. Thank you. 8 Link to comment Share on other sites More sharing options...
Gideon So Posted July 21, 2018 Share Posted July 21, 2018 Thanks for the update on this amazing project. Looks more and more promising. Gideon 1 Link to comment Share on other sites More sharing options...
dotnetic Posted July 25, 2018 Share Posted July 25, 2018 Looks very nice. But the UI when you hover over an item could be a little more in the style of PW (UIkit) It would be good if you could support plugins for the grid builder, so we can use another framework than Bootstrap. Link to comment Share on other sites More sharing options...
theo Posted July 25, 2018 Author Share Posted July 25, 2018 3 hours ago, jmartsch said: Looks very nice. But the UI when you hover over an item could be a little more in the style of PW (UIkit) Not sure what you mean. The Font Awesome icons? Quote It would be good if you could support plugins for the grid builder, so we can use another framework than Bootstrap. Not sure if this is possible or sensible. Not on my priority list atm. Thank you. Link to comment Share on other sites More sharing options...
theo Posted August 7, 2018 Author Share Posted August 7, 2018 Small update video below. There are again many changes behind the scenes. Multiple instances of "Gridbuilder" can now exist on the same page. More "in-memory-actions" (JS) means less need to press the save button. But normal PW templates are still the base of everything. Images can be dropped directly onto a grid_image template. See video. http://theowp.bplaced.net/upload/pics.html Thank you. 5 1 Link to comment Share on other sites More sharing options...
dotnetic Posted August 7, 2018 Share Posted August 7, 2018 No. Thank YOU! 1 Link to comment Share on other sites More sharing options...
jploch Posted February 7, 2019 Share Posted February 7, 2019 This looks very nice! I was working on a similar thing using the css grid specification with page table extended as a pagebuilder. But your approach is way superior because it supports inline editing, resize and better drag and drop (thought, this could still be improved, as it sometimes don't work as expected). I think this could be a very nice addition to PW, and something a would use a lot. Anyway it would be super awesome if you could release this as a module at some point! I would offer to adapt this for css grid, as I think that would be a nice option for some people and has more possibilities than bootstrap. Iam a frontend developer and designer so this might be out of my abilities, but I would try ? 1 Link to comment Share on other sites More sharing options...
theo Posted February 7, 2019 Author Share Posted February 7, 2019 2 hours ago, jploch said: This looks very nice! Thank you. ? 2 hours ago, jploch said: (thought, this could still be improved, as it sometimes don't work as expected) I've changed that completely. Now, only a placeholder icon is moved around, not the bootstrap column (which had strange visual effects). Like this, you can also move columns in or out of containers. See new video here: http://theowp.bplaced.net/upload/novtest.html 2 hours ago, jploch said: I would offer to adapt this for css grid, as I think that would be a nice option for some people and has more possibilities than bootstrap. Not sure if possible without a complete rewrite. This is very bootstrap-centric. I know that everyone wants a different CSS framework, but bootstrap is not just any product, it is "the most used open-source framework in the world." https://www.keycdn.com/blog/front-end-frameworks So I don't feel that bad, with my decision. ? 3 Link to comment Share on other sites More sharing options...
jploch Posted February 7, 2019 Share Posted February 7, 2019 2 minutes ago, theo said: I know that everyone wants a different CSS framework, but bootstrap is not just any product, it is "the most used open-source framework in the world." Iam generally not a huge fan of css frameworks, because they often feel bloated, so I usually code the complete css myself. With CSS grid Iam not talking about a framework but the CSS grid specification. Jen Simmons from Mozilla has some great videos explaining the benefits of using it for layouts. Anyway I would also be very happy with the bootstrap version you made! Do you have any plans for releasing this as a module? Or maybe even a release date? ? Link to comment Share on other sites More sharing options...
theo Posted February 7, 2019 Author Share Posted February 7, 2019 4 minutes ago, jploch said: Iam generally not a huge fan of css frameworks, because they often feel bloated, so I usually code the complete css myself. With CSS grid Iam not talking about a framework but the CSS grid specification. Jen Simmons from Mozilla has some great videos explaining the benefits of using it for layouts. Yes I know, but afaik, this has not much in common with the way bootstrap works, so I don't think my "Gridbuilder" is a good starting point for implementing this. 8 minutes ago, jploch said: Anyway I would also be very happy with the bootstrap version you made! Do you have any plans for releasing this as a module? Or maybe even a release date? ? I don't know if it will ever be a single module. I'd call it a "setup" because it consists of several modules, plus a basic bootstrap setup using webpack (for front and backend) plus several templates etc. Release date? Not sure, I'm moving soon, so I have a lot to do.. ? 2 Link to comment Share on other sites More sharing options...
jploch Posted February 7, 2019 Share Posted February 7, 2019 36 minutes ago, theo said: See new video here: http://theowp.bplaced.net/upload/novtest.html This looks very cool!! 12 minutes ago, theo said: I'd call it a "setup" because it consists of several modules, plus a basic bootstrap setup using webpack (for front and backend) plus several templates etc. If you find some time, it would be nice if you could share your new version (the one shown in the video). I would also be happy with a duplicator/site profile to install. 17 minutes ago, theo said: Release date? Not sure, I'm moving soon, so I have a lot to do.. ? No rush. in which city do you move? You are also german right? Link to comment Share on other sites More sharing options...
theo Posted February 7, 2019 Author Share Posted February 7, 2019 34 minutes ago, jploch said: If you find some time, it would be nice if you could share your new version (the one shown in the video). I would also be happy with a duplicator/site profile to install. Don't hold your breath! ? It's always "work in progress". I have no idea when It will reach the next "stable" point. 36 minutes ago, jploch said: No rush. in which city do you move? You are also german right? I'm swiss and I move within the city of lucerne. Link to comment Share on other sites More sharing options...
jploch Posted February 7, 2019 Share Posted February 7, 2019 22 minutes ago, theo said: It's always "work in progress". I have no idea when It will reach the next "stable" point. Take your time. Maybe release it as a commercial profile/module in the future. I wouldn't mind to pay for it, at a reasonable price 22 minutes ago, theo said: I'm swiss and I move within the city of lucerne. Cool! Swiss graphic design kind of invented the idea of a grid system ? 2 Link to comment Share on other sites More sharing options...
bernhard Posted February 27, 2020 Share Posted February 27, 2020 @ukyo showed me this awesome uikit pagebuilder for wordpress: https://demo.yootheme.com/themes/wordpress/2019/balou/wp-admin/customize.php This link might also be interesting for you @Jonathan Lahijani 1 Link to comment Share on other sites More sharing options...
Jonathan Lahijani Posted February 27, 2020 Share Posted February 27, 2020 1 hour ago, bernhard said: @ukyo showed me this awesome uikit pagebuilder for wordpress: https://demo.yootheme.com/themes/wordpress/2019/balou/wp-admin/customize.php This link might also be interesting for you @Jonathan Lahijani @bernhard I know about that and drew a lot of inspiration from it in some ways, but in other ways it doesn't play by ProcessWire's rules. It also doesn't have dynamic content loading yet (although YooTheme is working on it). Also, it's using WordPress's "old" customizer which will ultimately be replaced with Gutenberg. Also, YooTheme comes in as a THEME, not a plugin, which is somewhat strange. What I showed you on our call a few months ago has gone through a big transformation and evolving. Still lots to do before I make a peep about it. 4 Link to comment Share on other sites More sharing options...
jonatan Posted April 8, 2020 Share Posted April 8, 2020 @Jonathan Lahijani Extremely extremely exciting stuff! Any news? So many I think want this! Fx newest All the best, Jonatan Link to comment Share on other sites More sharing options...
jploch Posted July 8, 2022 Share Posted July 8, 2022 @theo Hi Theo. Are you still working on this? I will release my pagebuilder module as a closed beta soon and plan to release it as a comercial module later. My module is NOT based on your module and is not using any of your code (it also works different than yours). But I like the name "PageGrid" because it really fits my module and also makes sense in the context of ProcessWire. So my question would be if it is ok to use that name for my module or if you plan to release your module with that name any time soon? Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now