Enterprise Client Community

I am wondering if it is possible to achieve such an effect as seen in scribbled example.

Its an Tabbedpane with an line that ends X- Pixels after the last tab.

So my first idea was to switch to t:tabbedline and t:tabbedlinetab, so i can add an control with bgpaint=line.... after tabbedline component.
This would be possible. But do i have any chance to get tabbedline look like tabbedpane? i know i can set bgpaints for different states but with bgpaint i don't get it to look like tabbedpane....

does anybody has had the same problem and achived tabbedline look like tabbedpane?

...we had to try this out immediately, see attached screenshot...

The XML layout is:
Code:

 <t:pane id="g_3" width="100%">
 	<t:row id="g_4">
 		<t:tabbedline id="g_5"
 			bgpaintdefault="roundedborder(0,0,100%,100,10,10,#00000030,1)"
 			bgpaintrollover="roundedborder(0,0,100%,100,10,10,#00000030,1)"
 			bgpaintselected="roundedrectangle(0,0,100%,100,10,10,#FFFFFF);roundedborder(0,0,100%,100,10,10,#00000050,1)"
 			border="bottom:1;color:#00000030" foregrounddefault="#00000080"
 			foregroundselected="#000000" width="100%">
 			<t:tabbedlinetab id="g_6" text="tab" />
 			<t:tabbedlinetab id="g_7" text="tab" />
 			<t:tabbedlinetab id="g_8" text="tab" />
 		</t:tabbedline>
 	</t:row>
 	<t:row id="g_9">
 		<t:pane id="g_10" background="#FFFFFF"
 			border="left:1;top:0;right:1;bottom:1;color:#00000030"
 			height="100" width="100%">
 			<t:row id="g_11" />
 		</t:pane>
 	</t:row>
 </t:pane>

...to be honest, there is only one thing that you cannot do at the moment: setting a BORDER with TABBEDLINE. This attribute we just added (as well as a BGPAINT for TABBEDLINE which is not used in the example). It is available with next update.

Björn

...and one remark, there is one "trick"...:

Code:

 roundedborder(0,0,100%,100,10,10,#00000030,1)

Because the control is only "some pixels" high (definitely below 100), the rounded border is drawn just with its top part, the bottom part is rendered into invisible area.

Björn

the "trick" is a good idea, i'll test it, thanks.

another issue is the selector icon on the right. would it be possible to disable it by some attribute or only render it if there are more tabs than free space to display them?

..."nothing is impossible"...

Currently I would like to postpone this issue to a time, when "nothing is required" anymore. ;-)

Björn

Hello everybody,

will BGPAINT be available for a TABBEDLINETAB also?

I would really need it urgently...

Kind regards
Frauke

Hi,

the BGPAINT of the TABBEDLINETAB is driven by the TABBEDLINE-parent. There for each status (default, selected, ...) there is a corresponding BGPAINT.

...or do I misunderstand something?

Regards, Björn

Hi Björn,

yes, we already use the parent's BGPAINT for color rendering, etc.

But I would like to have a special (additional) BGPAINT just for one of the TABs (to display some kind of status information).

Frauke

...got it!
Yes, we can add this short term.

Regards, Björn

That's great, thank you!

Best regards
Frauke

Sorry, wrong thread