Dear Sven,
Thank you so much for your help, I really appreciate it!
You helped me a lot.
Thanks again
Oliver
Sven Homburg wrote:
>
> hi oliver,
>
> i checked it, and you are right,
> its impossible to insert a chart into a hidden (display:none) element.
> in this case the flotr library cant calculate the dimension of the chart
>
> i have change the flotr code a bit, so if element is hidden, the dimension
> is getting from style tag if set.
> please get the latest trunk from t5components
>
> 2008/10/23 olip <[EMAIL PROTECTED]>
>
>>
>> have somebody had a look over it??
>> Thank you
>> Oliver
>>
>> olip wrote:
>> >
>> > I have got problems with the t5component chart when using in
>> conjunction
>> > with the t5 component tabset.
>> >
>> > As an example I use the code from the t5components site and make a test
>> > site
>> > with three tabs. the middle tab should contain a chart (also from the
>> > examples on t5components)
>> >
>> > When running this code I get three empty tabs and I cannot switch
>> between
>> > them, it seems like the site "hangs". When I start the same code
>> without
>> > displaying the chart component in the middle tab it works just fine.
>> >
>> > The sample code works when using only the tabset or the chart.
>> >
>> > I am using tapestry 5
>> >
>> > Maybe those components interfere each other?
>> >
>> > Thanks for your help
>> > Oliver
>> >
>> > ===================================
>> > MyPage.java
>> >
>> > import org.apache.tapestry.commons.utils.XYDataItem;
>> > import org.apache.tapestry.commons.components.Chart;
>> > import org.apache.tapestry5.annotations.Component;
>> > import org.apache.tapestry5.annotations.Cached;
>> > import org.apache.tapestry5.annotations.Persist;
>> > import org.apache.tapestry5.annotations.OnEvent;
>> > import org.apache.tapestry5.ioc.internal.util.CollectionFactory;
>> > import org.apache.tapestry.commons.components.TabSet;
>> >
>> > import java.util.List;
>> >
>> >
>> > public class MyPage {
>> > private List<List<XYDataItem>> _testData;
>> >
>> > /**
>> > * simple chart
>> > */
>> > @Component(parameters = {"dataItems=testData"})
>> > private Chart _chart1;
>> >
>> > /**
>> > * subclassed bar chart component
>> > */
>> > @Component
>> > private Chart _chart2;
>> >
>> > /**
>> > * subclassed line chart component
>> > */
>> > @Component(parameters = {"dataItems=testData"})
>> > private Chart _chart3;
>> >
>> > @Persist
>> > private String _activePanel;
>> >
>> > /**
>> > * generating some data arrays
>> > */
>> > @Cached
>> > public List getTestData() {
>> > List<List<XYDataItem>> dataList = CollectionFactory.newList();
>> > List<XYDataItem> list1 = CollectionFactory.newList();
>> > List<XYDataItem> list2 = CollectionFactory.newList();
>> >
>> > list1.add(new XYDataItem(0, 0.5));
>> > list1.add(new XYDataItem(1, 0.6));
>> > list1.add(new XYDataItem(2, 1.8));
>> > list1.add(new XYDataItem(3, 0.9));
>> > list1.add(new XYDataItem(4, 2));
>> >
>> > list2.add(new XYDataItem(0, 1.5));
>> > list2.add(new XYDataItem(1, 2));
>> > list2.add(new XYDataItem(2, 4.5));
>> > list2.add(new XYDataItem(3, 3.5));
>> > list2.add(new XYDataItem(4, 5.5));
>> >
>> > dataList.add(list1);
>> > dataList.add(list2);
>> >
>> > return dataList;
>> > }
>> >
>> > public String getActivePanel() {
>> > return _activePanel;
>> > }
>> >
>> > public void setActivePanel(String activePanel) {
>> > _activePanel = activePanel;
>> > }
>> >
>> > @OnEvent(component = "tabset", value = "action")
>> > public void onChange(String choosenPanelId) {
>> > _activePanel = choosenPanelId;
>> > }
>> >
>> >
>> > }
>> >
>> >
>> > ===========================================
>> > MyPage.tml
>> >
>> > <html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_0_0.xsd";>
>> > <body>
>> >
>> > <div t:type="t5components/TabSet"
>> > panelIds="list:'stuff1','stuff2','stuff3'" activePanelId="activePanel">
>> >
>> > <div id="stuff1" style="display:none;">
>> > <h1>Hello Guys and Dolls</h1>
>> > </div>
>> >
>> > <div id="stuff2" style="display:none;">
>> > <div t:id="chart1" style="width: 350px; height:
>> 150px;"/>
>> > <br/>
>> > <div t:id="chart2" style="width: 350px; height:
>> 150px;"/>
>> > <br/>
>> > <div t:id="chart3" style="width: 350px; height:
>> 150px;"/>
>> > </div>
>> >
>> > <div id="stuff3" style="display:none;">
>> > <h1>Hello World!</h1>
>> > </div>
>> >
>> > </div>
>> > </body>
>> > </html>
>> >
>> > ===================================================
>> > MyPage.properties
>> >
>> >
>> > label-stuff1 = introduction
>> > label-stuff2 = chart
>> > label-stuff3 = greetings
>> >
>> > ===================================================
>> >
>> >
>> >
>>
>> --
>> View this message in context:
>> http://n2.nabble.com/-T5-t5component-Chart-interfere-with-TabSet-problem-tp1344812p1367160.html
>> Sent from the Tapestry Users mailing list archive at Nabble.com.
>>
>>
>> ---------------------------------------------------------------------
>> To unsubscribe, e-mail: [EMAIL PROTECTED]
>> For additional commands, e-mail: [EMAIL PROTECTED]
>>
>>
>
>
> --
> with regards
> Sven Homburg
> http://www.chenillekit.org
> http://tapestry5-components.googlecode.com
>
>
--
View this message in context:
http://n2.nabble.com/-T5-t5component-Chart-interfere-with-TabSet-problem-tp1344812p1372353.html
Sent from the Tapestry Users mailing list archive at Nabble.com.
---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]
