B4J Question [Solved] UI Idea - A combination of CLVTree, CLVExpandable and CLVDragger

[aeric]

I am not a good UI developer but I have an idea.

I have seen
Combination of CLVExpandable and CLVDragger
and
[B4X] CLVTree - Tree View

I think it would be possible to combine the code to create another CLV class or view that functions like a code editor.
It can be use as

• a simple IDE or HTML editor
• a tool for creating a web layout without using HTML

It would also very nice if I can drag a view from a palette to the CLV and add a new item (div) to the bottom of the list which turn out as a B4J pane or B4XView.

idea how to include this technology "under hood" of some our B4X lib\framework, to use without HTML coding

Edit: Solution in post #21

 

[aeric]

I kind of successfully combine the code for "Drag and Drop" with CLVTree.

 

[PaulMeuris]

It's already looking good... a few CRLFs in the right place make the code view more readable... or maybe use some pretty print tool for the html...

 

[aeric]

It's already looking good... a few CRLFs in the right place make the code view more readable... or maybe use some pretty print tool for the html...

Thanks. I hope I can update this project when I am free.

 

[aeric]

Some modifications

 

[Magma]

Some modifications

View attachment 161403

is it possible have a "webview" to live preview the html ? (perhaps every some seconds... or better at changes) / somehow split the screen...

 

[aeric]

is it possible have a "webview" to live preview the html ? (perhaps every some seconds... or better at changes) / somehow split the screen...

Post #21 is showing a webview of the preview.

 

[Magma]

Post #21 is showing a webview of the preview.

Yes i saw that... but i was thinking it - somehow the same time... in some corner or down from html code (panels)

 

[aeric]

in some corner or down from html code (panels)

The UI design is not important at this point. I am just doing experiments with the idea.
Loading html to webview is trivial.

 

[Magma]

The UI design is not important at this point. I am just doing experiments with the idea.
Loading html to webview is trivial.

thought, this thread was for searching UI ideas... sorry

 

[aeric]

thought, this thread was for searching UI ideas... sorry

It was about "A combination of CLVTree, CLVExpandable and CLVDragger".
Other button UI is out of scope.

 

[aeric]

thought, this thread was for searching UI ideas... sorry

Please continue discussion here:

Continual to html editor project

Not sure anyone is interested on the "Simple HTML Editor" I called it. I think from the screenshot someone can roughly guess what it is. It is just a hobby project of mine. Recently I made a bit customization. Includes: Integration with MiniHTML and MiniHTMLParser Change arrow icon for...

www.b4x.com