Re: AjaxTabPanel Tabs - looking for a way to use images as tabs
Re: AjaxTabPanel Tabs - looking for a way to use images as tabs
- Subject: Re: AjaxTabPanel Tabs - looking for a way to use images as tabs
- From: "J Stephanos" <email@hidden>
- Date: Wed, 25 Jun 2008 14:16:14 -0400
David/Chuck:
>> Often when doing css styled tabs the <a> is styled as a block or float
>> with a height and width and the tab image is set as it's background image.
>> This makes the entire tab clickable, and it also allows a:hover to change
>> the background image to show a hover state.
>
> Yeah, that should work. It is just a plain only WOHyperlink.
Tried the combination of  's (Chuck) and the CSS styling
suggestion (David). Worked kinda ok but ran in to the following
issues:
1. It looks like there is no way to set the link text width exactly
since this is a (user-agent) computed style property. This results in
the background image to be only partially visible.
2. It all falls apart (visually) if the user changes the font size :-(
Will try to use the default behaviour for now. Thanks for all the suggestions.
--JSt
On Tue, Jun 24, 2008 at 9:12 PM, Chuck Hill <email@hidden> wrote:
>
> On Jun 24, 2008, at 6:04 PM, David LeBer wrote:
>
>>
>> On 24-Jun-08, at 8:43 PM, Chuck Hill wrote:
>>
>>>
>>> On Jun 24, 2008, at 1:29 PM, J Stephanos wrote:
>>>
>>>>
>>>>
>>>> I have been trying get a different look for the tabs in AjaxTabPanel
>>>> (ProjectWonder) by replacing the tabs with my own images (of tabs). With the
>>>> CSS (id) selector on each tab I can sort of do that but the problem is
>>>> with the name binding.
>>>>
>>>> From the code:
>>>> / * @binding name required, String the text shown in the tab that is
>>>> clicked on to select the tab */
>>>>
>>>> If I set the string, it overlays the tab image, if I don't (by setting a
>>>> blank string), there is nothing to click on.
>>>>
>>>> Is there an easy way around this problem?
>>>
>>> Not unless there is some CSS magic to make the text invisible / clear.
>>> You could try making the name a bunch of I think the only real fix
>>> would be to add an image or some such binding.
>>
>>
>> I've not looked at the AjaxTabPanel so I have no idea if this helps but...
>>
>> Often when doing css styled tabs the <a> is styled as a block or float
>> with a height and width and the tab image is set as it's background image.
>> This makes the entire tab clickable, and it also allows a:hover to change
>> the background image to show a hover state.
>
> Yeah, that should work. It is just a plain only WOHyperlink.
>
>
> --
>
> Practical WebObjects - for developers who want to increase their overall
> knowledge of WebObjects or who are trying to solve specific problems.
> http://www.global-village.net/products/practical_webobjects
>
>
>
>
>
> _______________________________________________
> Do not post admin requests to the list. They will be ignored.
> Webobjects-dev mailing list (email@hidden)
> Help/Unsubscribe/Update your Subscription:
>
> This email sent to email@hidden
>
_______________________________________________
Do not post admin requests to the list. They will be ignored.
Webobjects-dev mailing list (email@hidden)
Help/Unsubscribe/Update your Subscription:
This email sent to email@hidden