NetTalk Central

Author Topic: Custom theme - Tabs not working  (Read 7364 times)

lkeyser

  • Jr. Member
  • **
  • Posts: 69
    • View Profile
    • Email
Custom theme - Tabs not working
« on: November 21, 2012, 08:58:29 AM »
HI All
My problem:” If I use custom themes my TABS do not work.  However if I use the themes shipped with NT 6.51 ..\\..web\themes\redmond they work fine.
I downloaded “Black Tie” from jquery ,  Copied it into the  ..\web\themes folder, removed the version number ect. The theme applies to the website without problems. But the TABS do not work.

Any idea what the problem can be ?.

Im Using Clarion 8.0.9661, with NT 6.51.

Thanks
Louis

Rob Kolanko

  • Sr. Member
  • ****
  • Posts: 253
    • View Profile
Re: Custom theme - Tabs not working
« Reply #1 on: November 21, 2012, 09:30:51 AM »
Hi Louis,
I have noticed the tab problem and other problems as well. I think issue is that themes downloaded from the jqueryui theme roller are now for jquery version 1.9 and NT is using jquery version 1.8. But we will need Bruce's input.
Rob

Bruce

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 11191
    • View Profile
Re: Custom theme - Tabs not working
« Reply #2 on: November 21, 2012, 09:20:05 PM »
yes, it's a 1.8 / 1.9 issue. I am considering possible solutions.

Bruce

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 11191
    • View Profile
Re: Custom theme - Tabs not working
« Reply #3 on: November 21, 2012, 09:37:39 PM »
Probably the easiest thing for now seems to be to add the following line to your downloaded jquery-ui.css file.

.ui-tabs .ui-tabs-hide { display: none !important; }

You can put this line, by itself, as the last line in the CSS file.

This allows the 1.9 theme to work with 1.8.x

there _may_ be a 6.x release of NetTalk with an update to jQueryUI 1.9, but even if I do that not everyone will want to update, so the above instruction applies.

cheers
Bruce

Rob Kolanko

  • Sr. Member
  • ****
  • Posts: 253
    • View Profile
Re: Custom theme - Tabs not working
« Reply #4 on: November 22, 2012, 02:00:05 PM »
Thanks Bruce
The additional line in the jqueryui.css file fixed the NetWebForm "tab" form style. Also when a version 1.9 custom jquery theme is used, the "Accordion" form style has the icons on a separate line to the title. see attached image. Is there any fixes for this style?
Thanks
Rob

[attachment deleted by admin]

Bruce

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 11191
    • View Profile
Re: Custom theme - Tabs not working
« Reply #5 on: November 22, 2012, 10:02:29 PM »
Hi Rob,

thanks for the report - the following 2 lines, again added to the jquery-ui.css file seem to work;

.ui-accordion .ui-accordion-header .ui-icon{left: 0.5em;margin-top: -8px;position: absolute;top: 50%;}
.ui-accordion-icons .ui-accordion-header a {padding-left: 2.2em;}


To be honest I'm not sure how far this approach will go before we find something that isn't so easily handled - but it's worth at least exploring this direction.

cheers
Bruce