Showing "beautiful" tables

Hi,

I’m making a software to assign referees to matches. I need to show diferent tables but they look very bad (image enclosed). I use plain HTML. Does provide wxPython a better way of showing tables? Should I use css with the HTML?

Another thing is how to organize the widgets. I use a wx.GridBagSizer with wx.BoxSizers inside some positions. It’s a good choice or you recommend another one?

Thank you

Dibujo.JPG

Hello,

For showing tables, you probably want to look at wx.grid instead
of using HTML.

I don't think that the simple HTML viewer in wxpython supports
CSS. There's a project wxwebkit that intends to bring a modern
HTML rendering engine to wxwidgets (and hopefully also to wxpython)
but I don't know what its status is.

Best regards,
Stefaan.

Hello,

Hi,

I'm making a software to assign referees to matches. I need to show diferent tables but they look very bad (image enclosed). I use plain HTML. Does provide wxPython a better way of showing tables? Should I use css with the HTML?

wxHtml doesn't support css. If you want to html tables you will need to style them in plain html. Another option would be to look at the wx.Grid and wx.ListCtrl controls for displaying your data.

Another thing is how to organize the widgets. I use a wx.GridBagSizer with wx.BoxSizers inside some positions. It's a good choice or you recommend another one?

Opinions on this totally depend on the widgets your using and the type of layout you are trying to achieve.

Cody

···

On Aug 10, 2008, at 1:48 PM, Joan Pallarès wrote:

I usually find that a wx.ListCtrl looks far better than a grid, unless
you need something that only a Grid can support.

- Josiah

···

On Sun, Aug 10, 2008 at 12:04 PM, Stefaan Himpe <stefaan.himpe@gmail.com> wrote:

Hello,

For showing tables, you probably want to look at wx.grid instead
of using HTML.

I don't think that the simple HTML viewer in wxpython supports
CSS. There's a project wxwebkit that intends to bring a modern
HTML rendering engine to wxwidgets (and hopefully also to wxpython)
but I don't know what its status is.

Best regards,
Stefaan.

_______________________________________________
wxpython-users mailing list
wxpython-users@lists.wxwidgets.org
http://lists.wxwidgets.org/mailman/listinfo/wxpython-users

Joan,

Joan Pallarès wrote:

Hi,

I'm making a software to assign referees to matches. I need to show diferent tables but they look very bad (image enclosed). I use plain HTML. Does provide wxPython a better way of showing tables? Should I use css with the HTML?

I would look at wx.ListCtrl and/or ObjectListView (Getting Started — ObjectListView v1.2 documentation), I am just starting to use the later and I have to say that it is so much nicer to work with then the wx.ListCtrl and I think it looks even better (note that it uses wx.ListCtrl but it does a lot of the work for you.

Another thing is how to organize the widgets. I use a wx.GridBagSizer with wx.BoxSizers inside some positions. It's a good choice or you recommend another one?

With the sizers I think whatever combination of sizers which gets the result you want to see is fine.

BTW, I would put a wx.Panel to get rid of this grey background.

I.e. something like this:
wx.Frame
- wx.ToolBar ....
- wx.Panel
  - wx.GridBagSizer to manage the controls on the panel
  - wx.FlexGridSizer for e.g. "Escoge Filtros"

Werner

I forgot to send the image
www.arbitrucho.com

···

On Thu, Aug 14, 2008 at 6:41 PM, Joan Pallarès joan.pallares@gmail.com wrote:

Thank you everyone, finally I used the ObjectListView (great one) and the application now looks far better.
GUI explanation:
the right up table shows the referees, it refreshes when you change division
the right down table shows the matchs, it refreshes when you change division or date
the left table shows the result (refs and matchs), only appears when you push “Asignar” button

Two new questions:

  • I can manage to organize better the widgets, I would like the to be closer but they keep separated. I attach the code os the class that manages the apareance, it can’t be executed since it need another classes is just if you want to have a look at the code.

Does wxPython allow to use tabs? This way I could show the results in a new tab.
How will you improve the appereance?

Thank you all

On Mon, Aug 11, 2008 at 7:56 AM, Werner F. Bruhin werner.bruhin@free.fr wrote:

Joan,

Joan Pallarès wrote:

Hi,

I’m making a software to assign referees to matches. I need to show diferent tables but they look very bad (image enclosed). I use plain HTML. Does provide wxPython a better way of showing tables? Should I use css with the HTML?

I would look at wx.ListCtrl and/or ObjectListView (http://objectlistview.sourceforge.net/python/gettingStarted.html), I am just starting to use the later and I have to say that it is so much nicer to work with then the wx.ListCtrl and I think it looks even better (note that it uses wx.ListCtrl but it does a lot of the work for you.

Another thing is how to organize the widgets. I use a wx.GridBagSizer with wx.BoxSizers inside some positions. It’s a good choice or you recommend another one?

With the sizers I think whatever combination of sizers which gets the result you want to see is fine.

BTW, I would put a wx.Panel to get rid of this grey background.

I.e. something like this:

wx.Frame

  • wx.ToolBar …

  • wx.Panel

  • wx.GridBagSizer to manage the controls on the panel

  • wx.FlexGridSizer for e.g. “Escoge Filtros”

Werner


wxpython-users mailing list

wxpython-users@lists.wxwidgets.org

http://lists.wxwidgets.org/mailman/listinfo/wxpython-users

Try to amend this piece of your code:

hgap=5,vgap=5

into:
hgap=0, vgap=0

(or event 1 or 2): hgap puts an horizontal margin, vgap a vertical one; the value, in pixels, will be the width of the margin.

···

2008/8/14 Joan Pallarès joan.pallares@gmail.com:

I forgot to send the image
www.arbitrucho.com

On Thu, Aug 14, 2008 at 6:41 PM, Joan Pallarès joan.pallares@gmail.com > wrote:

Thank you everyone, finally I used the ObjectListView (great one) and the

application now looks far better.

GUI explanation:
the right up table shows the referees, it refreshes when you change
division
the right down table shows the matchs, it refreshes when you change

division or date
the left table shows the result (refs and matchs), only appears when you
push “Asignar” button

Two new questions:

  • I can manage to organize better the widgets, I would like the to be

closer but they keep separated. I attach the code os the class that manages
the apareance, it can’t be executed since it need another classes is just if
you want to have a look at the code.

Does wxPython allow to use tabs? This way I could show the results in a
new tab.
How will you improve the appereance?

  • In the ObjectListView I don’t know how to put images. In Getting

Started(http://objectlistview.sourceforge.net/python/gettingStarted.html)
they explain but too briefly for me. When I write where the image is?

Doesn’t care the type of image?(png,gif…)

Thank you all

On Mon, Aug 11, 2008 at 7:56 AM, Werner F. Bruhin werner.bruhin@free.fr >> wrote:

Joan,

Joan Pallarès wrote:

Hi,

I’m making a software to assign referees to matches. I need to show

diferent tables but they look very bad (image enclosed). I use plain HTML.
Does provide wxPython a better way of showing tables? Should I use css with
the HTML?

I would look at wx.ListCtrl and/or ObjectListView
(http://objectlistview.sourceforge.net/python/gettingStarted.html), I am

just starting to use the later and I have to say that it is so much nicer to
work with then the wx.ListCtrl and I think it looks even better (note that
it uses wx.ListCtrl but it does a lot of the work for you.

Another thing is how to organize the widgets. I use a wx.GridBagSizer
with wx.BoxSizers inside some positions. It’s a good choice or you recommend
another one?

With the sizers I think whatever combination of sizers which gets the
result you want to see is fine.

BTW, I would put a wx.Panel to get rid of this grey background.

I.e. something like this:
wx.Frame

  • wx.ToolBar …
  • wx.Panel
  • wx.GridBagSizer to manage the controls on the panel
  • wx.FlexGridSizer for e.g. “Escoge Filtros”

Werner


wxpython-users mailing list
wxpython-users@lists.wxwidgets.org

http://lists.wxwidgets.org/mailman/listinfo/wxpython-users


wxpython-users mailing list
wxpython-users@lists.wxwidgets.org
http://lists.wxwidgets.org/mailman/listinfo/wxpython-users

Joan Pallarès wrote:

I forgot to send the image
www.arbitrucho.com <http://www.arbitrucho.com>

Well, that link completely threw me...

    Thank you everyone, finally I used the ObjectListView (great one)
    and the application now looks far better.

    GUI explanation:
    the right up table shows the *referees*, it refreshes when you
    *change division*
    the right down table shows the *matchs*, it refreshes when you
    *change division or date*
    the left table shows the *result (refs and matchs)*, only appears
    when you push "Asignar" button

    Two new questions:

    - I can manage to organize better the widgets, I would like the to
    be closer but they keep separated. I attach the code os the class
    that manages the apareance, it can't be executed since it need
    another classes is just if you want to have a look at the code.
    Does wxPython allow to use tabs? This way I could show the results
    in a new tab.
    How will you improve the appereance?

You can use tabs by using one of the notebook widgets. Check out the demo to see if any of the standard ones suit you.

Mike

···

On Thu, Aug 14, 2008 at 6:41 PM, Joan Pallarès > <joan.pallares@gmail.com <mailto:joan.pallares@gmail.com>> wrote:

Joan Pallarès wrote:

Thank you everyone, finally I used the ObjectListView (great one) and the application now looks far better.

GUI explanation:
the right up table shows the *referees*, it refreshes when you *change division*
the right down table shows the *matchs*, it refreshes when you *change division or date*
the left table shows the *result (refs and matchs)*, only appears when you push "Asignar" button

Two new questions:

- I can manage to organize better the widgets, I would like the to be closer but they keep separated.

You can probably use cell spanning to change how things are aligned in the grid bag sizer. Use the widget inspection tool to highlight the sizer and the items in it to help you see how the layout is being done and where the empty space is coming from.

I attach the code os the class that manages the apareance, it can't be executed since it need another classes is just if you want to have a look at the code.
Does wxPython allow to use tabs? This way I could show the results in a new tab.

Look at wx.Notebook and other "book" classes.

···

--
Robin Dunn
Software Craftsman
http://wxPython.org Java give you jitters? Relax with wxPython!