Icefaces Good news and Bad News!

NEW RELEASE CANDIDATE

You may have remembered that I wrote about Icefaces tabset not working in NetBeans.. A new release is out (Release Candidate).

USING COMPONENTS ON A LAYOUT PANEL AND BEING ABLE TO LAY THEM OUT!

Well the goodnews is that you can now see components you drag and drop on to the tab set or layout panel.

However laying out is nigh on impossible. That was until I realised that when you drag and drop components to the page or a layout box of any  type, icefaces (or visual web) doesn’t assign a style to it – this may be by design, but by setting the components style to

position:absolute

I am then able to move and position them around the screen.

THE TABSET COMPONENT

However, the tabset itself is more complicated.

The tabset is made up of  TABS (which are some form of layout), with PANELLAYOUTS as a child under each tab. The panellayout, don’t ask me why is set to inherit it’s position from the parent and this seems to drive it crazy.

To make it so you can layout components on the tabset:-

In the style to the panellayout style

height: 500px; left: 12px; top: 35px; position: absolute; width: 800px

You’ll notice that the tab immediately shrinks in size to just the top – don’t worry about that – it will still work.

Now each component use the above “trick” of setting the style of the components to position:absolute and you are done.

Advertisements

About Paul C

I am a Senior Java programmer/Web Technologies, Play in a band called Mandolin Monday, I have a cat and I live on a boat.

Posted on February 25, 2009, in Uncategorized. Bookmark the permalink. 2 Comments.

  1. Hi,

    Try the following, using “position:relative” for inside components allows fixed position within the layout and see it within the design screen of Netbeans (6.5.1)

  2. Please disregard my previous recomendation, absolute position works. Please find example for 3 tabs

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: