[see exampe in flexicontent.css] Info icon in Tabs

rottenberg
Topic Author
Offline
Platinum Member

11 years 8 months ago #40471 by rottenberg

[see exampe in flexicontent.css] Info icon in Tabs was created by rottenberg

Hello
I'm using the native tabs from in a template.
On the left side of each tab there is a info Icon
[attachment=0:1gdrb70l]informations.jpg[/attachment:1gdrb70l]

Now, when clicking on the tab a tooltip appears giving the tab name as info (not very usefull).

Is there a way to create a customized message explaining the content of the tab or can we avoid the displaying of the icon ?

Thanks for help
best regards
Michel

Please Log in or Create an account to join the conversation.

ggppdk
Offline
Administrator

11 years 8 months ago #40482 by ggppdk

Replied by ggppdk on topic [see exampe in flexicontent.css] Info icon in Tabs

Hello

you can use CSS to change the icon, if you examine the icon you will see that it is configurable differently for each content type or even differently for specific items

because it is contained in HTML tags with appropriate classes

see flexicontent.css file for an example:
Search for comment text in it:
"TAB appearance customizations per content Type"

-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star...

Please Log in or Create an account to join the conversation.

rottenberg
Topic Author
Offline
Platinum Member

11 years 8 months ago #40494 by rottenberg

Replied by rottenberg on topic [see exampe in flexicontent.css] Info icon in Tabs

Thank you very much.

If I customize the css file (changing the info icon file name) what will happen when upgrading the component.

I'm afraid that the customisation will be replaced by the upgraded one.

I have also tried to suppress the tooltip (as I can't insert a customized text in the tooltip). But I didn't succeeded. I have tried to customize the tabber-minimized.js.
I have changed the following text

Code:

/* If the user specified the tab names using a TITLE attribute on
     the DIV, then the browser will display a tooltip whenever the
     mouse is over the DIV. To prevent this tooltip, we can remove the
     TITLE attribute after getting the tab name.
  */
  this.removeTitle = true;

When Updating the removeTitle to 'false', I loose the tab display.

Could it be possible in a future version to have with the tab title field a linked field to enter a customized tooltip text ?

best regards

Michel

Please Log in or Create an account to join the conversation.

rottenberg
Topic Author
Offline
Platinum Member

11 years 8 months ago #40495 by rottenberg

Replied by rottenberg on topic [see exampe in flexicontent.css] Info icon in Tabs

Code:

/* If the user specified the tab names using a TITLE attribute on
     the DIV, then the browser will display a tooltip whenever the
     mouse is over the DIV. To prevent this tooltip, we can remove the
     TITLE attribute after getting the tab name.
  */
  this.removeTitle = true;

Please Log in or Create an account to join the conversation.

ggppdk
Offline
Administrator

11 years 8 months ago #40497 by ggppdk

Replied by ggppdk on topic [see exampe in flexicontent.css] Info icon in Tabs

Hello,

1.
modify FLEXIcontent core CSS files ?, i never suggested that, i said where you can find the rules,

as you know you can place your custom CSS to any other CSS file, just make the of higher importance.

How to customize CSS styles of FLEXIcontent

-- About tooltips i think i will change this so that a tooltip same a TAB title will not be shown

Please Log in or Create an account to join the conversation.