Hi Monika,

I attached it "testTabView.rar" at the last e-mail.

Cheers,
Chris

monika.f...@tieto.com schrieb:
>  
> Thron7, can you tell me the image name which I can use for styling tabview's 
> pane? Like I wrote before I was using tabview-pane.png image.
> \qooxdoo-0.8.2-sdk\framework\source\resource\qx\decoration\Modern\tabview\
>
> And after that I got incorrect result. (Bottom right image was moved about 
> two pixels to the right and there was two pixel s gap). You can see it in 
> here:
> http://picasaweb.google.com/lh/photo/jCw-4Rop0Y7rM1AuLg53fA?feat=directlink
>
> Christian 
> Where I can have a look at your sample application? Is that the link? 
> http://qooxdoo.org/documentation/0.8/image_clipping_and_combining
>
> S pozdravem / Best regards,
>
> Monika Falk, Software Specialist
> Tieto
>
> Message: 3
> Date: Wed, 07 Oct 2009 12:47:33 +0200
> From: thron7 <thomas.herchenroe...@1und1.de>
> Subject: Re: [qooxdoo-devel] Styling tabview
> To: qooxdoo Development <qooxdoo-devel@lists.sourceforge.net>
> Message-ID: <4acc71c5.3030...@1und1.de>
> Content-Type: text/plain; charset=ISO-8859-1; format=flowed
>
> Monika,
>
> a few more hints:
>
> - you don't have to combine images (as this would require you to have 
> ImageMagick installed); individual images are just fine. You just have to 
> make sure you follow the naming convention (-tl.png, -t.png, ...). 
> Image combining is just an optimization at load time.
>
> - you can 'shadow' images of the framework in your custom app. Just add under 
> your app's.../source/resource/ a 'qx' name space and images with same 
> relative paths and names as in the framework, and for your app, these will be 
> used in favor of those from the framework. By doing this you don't have to 
> tweak any theme or widget.
>
> T.
>
> Christian Schmidt wrote:
>   
>> 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\ta
>>>> bview\
>>>>
>>>>  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(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
>   


-- 
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


------------------------------------------------------------------------------
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