Hi Monika,

sorry for the delay. I have never done this before and tested some thinks.

I attached my sample application, that shows how to modify the appearance and decoration file. But the important think is that you have to create your own images for the tabview (page). In my example application, I used the original image for the page and changed the color. The original images from the modern theme could you find here: "framework\source\resource\source\Modern\*" (you can also find the original Photoshop files there).

When you have modified your page file, you should copy them to you resource file (my example "resource\source\tabview-pane.png"). Then you have to clip the image for the grid layout. This could be done with the generator [1]. In your case, it is the best way, to copy the "image.json" file from the framework to your project and modify the paths to your application and remove the not needed entries (have a look at the "image.json" file from the attached application). After creation, you can use these files in your appearance.

Have a look at my example application, if you have any questions please ask.

Cheers,
Chris

[1] http://qooxdoo.org/documentation/0.8/image_clipping_and_combining

monika.f...@tieto.com schrieb:
Hi Cris

I am definitely trying to style the pane. I am trying to have one background 
color rectangle with rounded top edges. I found out in the documentation that I 
should use Grid layout. So I try to use one of the existing images in the 
modern theme. The only one I found out related to the tabview was 
tabview-pane.png.
My idea was to use this image and then change it background color.

S pozdravem / Best regards,

Monika Falk, Software Specialist
Tieto


--
Message: 6
Date: Tue, 06 Oct 2009 16:04:58 +0200
From: Christian Schmidt <schmidt.christ...@1und1.de>
Subject: Re: [qooxdoo-devel] Styling tabview
To: qooxdoo Development <qooxdoo-devel@lists.sourceforge.net>
Message-ID: <4acb4e8a.7080...@1und1.de>
Content-Type: text/plain; charset=ISO-8859-1; format=flowed

Hi Monika,

I'm not sure, perhaps you only set the decorator on the wrong element. It seems to me that you try to style the pane, but you set the decorator on the bar. Perhaps, I only misunderstood your code, could you please explain, what you are try to change?
Thanks,
Chris

monika.f...@tieto.com schrieb:
Hi All

I am trying to style tabview widget. However I did not get expected result. I 
place my code below. Please correct me if I am doing something wrong.

        //this is my widged
        this.__myTabView = new qx.ui.tabview.TabView();
        this.__myTabView .setAppearance("my-tabview");

//appearance file

    "my-tabview"  : "tabview",
"my-tabview/bar" : {
        include : "tabview/bar",
        style : function(states)
        {
                return {
                        decorator : "my-bar"
                };
}
    },
"my-tabview/bar/scrollpane" : "tabview/bar/scrollpane", "my-tabview/bar/content" : "tabview/bar/content",
        
    "my-tabview/pane" : "tabview/pane",
//decoration file

 "my-bar" : {
                 decorator : qx.ui.decoration.Grid,
                 style : {
                 baseImage : "my/icons/tabview-pane.png"
               }
           },

And tabview-pane.png image is taken from 
\qooxdoo-0.8.2-sdk\framework\source\resource\qx\decoration\Modern\tabview\
After all of that I got an error in displaying images (the bottom right image is moved two pixels to the right and there is two pixels gap). Is there any way how I can change it, or maybe I am doing something wrong?

S pozdravem / Best regards,

Monika

------------------------------------------------------------------------------
Come build with us! The BlackBerry&reg; Developer Conference in SF, CA
is the only developer event you need to attend this year. Jumpstart your
developing skills, take BlackBerry mobile applications to market and stay ahead of the curve. Join us from November 9&#45;12, 2009. Register now&#33;
http://p.sf.net/sfu/devconf
_______________________________________________
qooxdoo-devel mailing list
qooxdoo-devel@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel




--
Christian Schmidt
Software Entwickler

1&1 Internet AG - Web Technologies
Ernst-Frey-Straße 9 · DE-76135 Karlsruhe
schmidt.christ...@1und1.de

Amtsgericht Montabaur / HRB 6484
Vorstände: Henning Ahlert, Ralph Dommermuth, Matthias Ehrlich, Thomas 
Gottschlich, Robert Hoffmann, Markus Huhn, Hans-Henning Kettler, Dr. Oliver 
Mauss, Jan Oetjen
Aufsichtsratsvorsitzender: Michael Scheeren

Attachment: testTabView.rar
Description: Binary data

------------------------------------------------------------------------------
Come build with us! The BlackBerry(R) Developer Conference in SF, CA
is the only developer event you need to attend this year. Jumpstart your
developing skills, take BlackBerry mobile applications to market and stay 
ahead of the curve. Join us from November 9 - 12, 2009. Register now!
http://p.sf.net/sfu/devconference
_______________________________________________
qooxdoo-devel mailing list
qooxdoo-devel@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel

Reply via email to