[Wt-interest] WNavigationBar : which css file and how to apply theme for the whole app ?

[Nicolas Jäger]

Hi,
I'm trying to get a navigation bar like the one in widgets gallery. So far I get something quiet
ugly :

http://en.zimagez.com/zimage/2016-07-03-1012511600x900scrot.php

I guess the problem comes from the theme.

1) wich css theme file is used to get the same navigation bar from the gallery one ? where this is
file is located in the sources ?

2) from where should I call the css file, to make it uses by all widget (like does Qt) ?

regards,
Nicolas

[Wim Dumon]

Nicolas,

1. The navigation bar only works properly with the bootstrap themes.
Wt::WBootstrapTheme *bootstrapTheme = new Wt::WBootstrapTheme(app);
bootstrapTheme->setVersion(Wt::WBootstrapTheme::Version3);
bootstrapTheme->setResponsive(true);
app->setTheme(bootstrapTheme);

2. The WApplication constructor is a good place:
useStyleSheet("resources/themes/bootstrap/3/bootstrap-theme.min.css");

Best regards,
Wim.

Post by Nicolas Jäger
Hi,
I'm trying to get a navigation bar like the one in widgets gallery. So far
I get something quiet
http://en.zimagez.com/zimage/2016-07-03-1012511600x900scrot.php
I guess the problem comes from the theme.
1) wich css theme file is used to get the same navigation bar from the
gallery one ? where this is
file is located in the sources ?
2) from where should I call the css file, to make it uses by all widget (like does Qt) ?
regards,
Nicolas
------------------------------------------------------------------------------
Attend Shape: An AT&T Tech Expo July 15-16. Meet us at AT&T Park in San
Francisco, CA to explore cutting-edge tech and listen to tech luminaries
present their vision of the future. This family event has something for
everyone, including kids. Get more information and register today.
http://sdm.link/attshape
_______________________________________________
witty-interest mailing list
https://lists.sourceforge.net/lists/listinfo/witty-interest

[Nicolas Jäger]

Hi Wim,
thx I think I will use some container to build my navigation bar instead.

regards,
Nicolas

[Nicolas Jäger]

Hi,
I'm writing a small opensource filemanager with wt, and I want to display the files like any
filemanager on a grid.

I do not find a way to get a grid (or any other container) that can grows/shrinks the number of
the columns automatically depending of the width. I want to avoid the use of the horizontal
scrollbar.

The best I found is :
https://css-tricks.com/almanac/properties/c/columns/

But I have no idea how I can use this with Wt. Any suggestion is welcome.

regards,
Nicolas Jäger

[Koen Deforche]

Hey Nicolas,

A WTreeView will automatically shrink/grow the first column based on
available width.
If you want something else then you need to do it manually, see also this
thread:
http://redmine.emweb.be/boards/2/topics/2659

Regards,
koen

Post by Nicolas Jäger
Hi,
I'm writing a small opensource filemanager with wt, and I want to display
the files like any
filemanager on a grid.
I do not find a way to get a grid (or any other container) that can
grows/shrinks the number of
the columns automatically depending of the width. I want to avoid the use of the horizontal
scrollbar.
https://css-tricks.com/almanac/properties/c/columns/
But I have no idea how I can use this with Wt. Any suggestion is welcome.
regards,
Nicolas JÀger
------------------------------------------------------------------------------
What NetFlow Analyzer can do for you? Monitors network bandwidth and
traffic
patterns at an interface-level. Reveals which users, apps, and protocols
are
consuming the most bandwidth. Provides multi-vendor support for NetFlow,
J-Flow, sFlow and other flows. Make informed decisions using capacity
planning
reports.http://sdm.link/zohodev2dev
_______________________________________________
witty-interest mailing list
https://lists.sourceforge.net/lists/listinfo/witty-interest

[Nicolas Jäger]

Hi Koen,
I solved it by writing a class WContainerWidget awares of his size. There is post on the forum
about that :
http://redmine.webtoolkit.eu/boards/2/topics/3955

I'm not interested for my project to use a WTreeView, but thx for your answer.

Regards,
Nicolas

Post by Koen Deforche
Hey Nicolas,
A WTreeView will automatically shrink/grow the first column based on
available width.
If you want something else then you need to do it manually, see also this
http://redmine.emweb.be/boards/2/topics/2659
Regards,
koen

Post by Nicolas Jäger
Hi,
I'm writing a small opensource filemanager with wt, and I want to display
the files like any
filemanager on a grid.
I do not find a way to get a grid (or any other container) that can
grows/shrinks the number of
the columns automatically depending of the width. I want to avoid the use
of the horizontal
scrollbar.
https://css-tricks.com/almanac/properties/c/columns/
But I have no idea how I can use this with Wt. Any suggestion is welcome.
regards,
Nicolas Jäger
------------------------------------------------------------------------------
What NetFlow Analyzer can do for you? Monitors network bandwidth and
traffic
patterns at an interface-level. Reveals which users, apps, and protocols
are
consuming the most bandwidth. Provides multi-vendor support for NetFlow,
J-Flow, sFlow and other flows. Make informed decisions using capacity
planning
reports.http://sdm.link/zohodev2dev
_______________________________________________
witty-interest mailing list
https://lists.sourceforge.net/lists/listinfo/witty-interest

[Nicolas Jäger]

Hi,
I have a layout problem when a long text is beside some icons (technically WImage). I put a post on
stackoverflow. If you have idea/suggestion, you can post on stackoverflow or here. Since I use
several pictures to explain my problem, I just paste the link to the post here :
http://stackoverflow.com/questions/38547223/css-layout-issue-in-some-case-when-long-text-is-beside-some-image

it's much more a css question. I plan to push on a repo my c++ code during the next 2 weeks (I have
to plan a move...).

Regards,
Nicolas