Icon View Thread

The following is the text of the current message along with any replies.
Messages 1 to 5 of 5 total
Thread Styling/CSS?
Tue, May 9 2023 10:16 AMPermanent Link

marcusf

I've tried searching the forum but not having much luck.

How do I re-style the application?
Apply my own CSS?
Tue, May 9 2023 4:34 PMPermanent Link

erickengelke

Avatar

marcusf wrote:

> I've tried searching the forum but not having much luck.
>
>How do I re-style the application?
> Apply my own CSS?

You either have to use EWB's settings to style it (like Font, Font Styles, Font Color, etc,) or use more advanced techniques like I do in my Nice library which lets you set the Styles for items, but it's a 3rd party add on.

For the latter, see https://erickengelke.com/nice. and click on Nice Themes under Display, then select from various themes for examples of changing fonts, sizes, colours, etc.

Erick
EWB Programming Books and Nice Component Library
See my EWB BLOG posts, at:
http://www.erickengelke.com
Wed, May 10 2023 9:18 AMPermanent Link

marcusf

That would be the only serious downfall I have run into with EWB so far.

Being able to work with a designer to make an application look right is very important, without that ability it's hard to think of EWB as production ready.

I'll take a look at your Nice library, I'm guessing it's the common approach of implementing your own controls and using those instead?

Is that useable from inside the editor or just through code?
Wed, May 10 2023 11:11 AMPermanent Link

marcusf

I guess the easiest way for a proof-of-concept from EWB would be to add an ID property to components, and an easy to to add external CSS files to be included.

That way you can at least muck with the CSS using overrides.
Wed, May 10 2023 9:12 PMPermanent Link

erickengelke

Avatar

marcusf wrote:

> That would be the only serious downfall I have run into with EWB so far.

When you use a framework, you will find the least resistance either working "within" the fremework or extending the framework to meet your goals, but not trying to use raw HTM and CSSL and trying to coerce the framework into using that strategy.  

That said, I use a lot of external libraries, which obviously use other HTML/CSS strategies, but I limit them to within a DIV such as HTMLLabel or GroupPanel.  I consider that extending the framework.  



> Being able to work with a designer to make an application look right is very important,
> without that ability it's hard to think of EWB as production ready.

You have selected a GUI project.  EWB can be used to do a non-GUI project, which is where it interfaces with your own HTML, or used in a Service Worker.  But you lose a lot of the benefits of EWB by working against it.

> I'll take a look at your Nice library, I'm guessing it's the common approach of implementing
> your own controls and using those instead?

I mostly use EWB's default controls, but I add new functionality of various sorts.

> Is that useable from inside the editor or just through code?

Mostly just through code, though often you have to put a GroupPanel or similar in position with EWB and it draws inside.   Ideally it would be all GUI, but  since many use external Javascript, they couldn't be available at design time, so that wasn't always an option.

EWB supports both absolute and relative positioning (using Layout property), using containers like GroupPanels or HTMLLabel allow you to work visually with the frame at design time and fill it in later.
EWB Programming Books and Nice Component Library
See my EWB BLOG posts, at:
http://www.erickengelke.com
Image