Closed (fixed)
Project:
Panels Tabs
Version:
6.x-1.0-beta3
Component:
User interface
Priority:
Normal
Category:
Bug report
Assigned:
Unassigned
Reporter:
Created:
4 Jun 2010 at 07:39 UTC
Updated:
13 Oct 2011 at 10:39 UTC
You can view it happening here
http://spat.tv/
Frontpage tab ok in IE7. News tab not ok
Frontpage tab ok in Firefox & google, News tab ok in firefox and google
Tabs panel style 6.x-1.0-beta3
Chaos Tools 6.x-1.6
Panels 6.x-3.5
Is it just me? thanks.
Comments
Comment #1
dawehnerCan you please try to use the tabs module and have a look whether it works there? I don't think that this can be caused by panel tabs style.
Comment #2
kompressaur commentedSorry dereine i got a bit sidetracked there. The reason i was sidetracked was because i was trying to achieve what i was hoping for just using views in normal tabs and they are working fine. I currently have both tabs and tabs panel styles on and the problem persists. again it is viewable on the link above. I am unable to achieve what i was hoping with just normal tabs so i will get to the bottom of these Panel tabs and them not showing in IE. thanks.
Comment #3
kompressaur commentedps its the comments tab on
http://spat.tv
that is the panels tab. As you will be able to see it disappears when viewed in IE but not in other browsers.
Comment #4
dawehnerI mean http://drupal.org/project/tabs
Use the api there, its easy to use.
Comment #5
kompressaur commentedim sorry dereine i do not understand. My tabs are working ok but not tabs panel style. As you can see from my frontpage the tabs are working fine but the panels style below them are not. Sorry if i am missing something here :unsure
Comment #6
kompressaur commentedActually i see now that the tabbed content does appear in IE if you make a view unformatted in style. If i make it a table though it dissappears again. See the Latest tab on my homepage to see the problem with the tabbed content with table style not showing in IE.
Comment #7
dawehnerPanels tabs uses the tabs jquery ui API which is provided by the tabs module. So please try out this api, and have a look whether the js tabs are working in IE for you.
I don't talk about local tasks/called tabs by some people.
Comment #8
kompressaur commentedYour going to want to shoot me in a minute dereine such is my confusion here. are you saying that the 'tabs' on my page are 'local tasks' and i haven't tried tabs jquery ui at all?
So i will need to get the jquery tabs plugin? or do i need to get jquery? Or jquery update poss? Im sorry im just a bit confused by it all. I thought that all i needed was tabs and tabs panel style and it should work. ok so i need to try js tabs. The problem is probably with them? I'm sorry i do not have enough knowhow to use the API that you mention. I am just a module man. Is everyone else's Tabs Panel Style working for them in IE? What would make my set up differant?
Comment #9
jodythai commentedHi kompressaur,
I face the same issue and figured out the solution. It's happen because IE7 doesn't refresh new css style for the hidden block (all div with .ui-tabs-hide). So you need to override .ui-tabs-hide style by adding a new one only in the ie7.css (make sure you have declared this conditional stylesheets in your theme.info) with the following content:
.ui-tabs-hide {
display: none;
position: relative;
}
Then it works :D!
Comment #10
rjadams96 commentedThank you! I had been searching for an answer to this issue for a long time and this resolved it.
Comment #11
smoothify commentedComment #13
serkan_isin commentedCan you please write a bit clear for this IE 7 fix, cause i am confused;
.ui-tabs-hide {
display: none;
position: relative;
}
where will i put this and how will i declare that IE7.css in .info?
thanks