Capability Support

Support

• Main
  • Blog
  • Documentation
• Discussions
• Activity
• Sign In

• hamrockster October 2011

  Hello, I just discovered your widget yesterday in my quest to easily implement my custom jquery ui theme I downloaded from their themeroller. I was using J Shortcodes earlier with limited success, and have gotten further using your interface, so thanks.
  
  I have hit a wall however. I am very new to jquery and using shortcodes on pages, and html/css editing in general, so forgive any ignorance on my part. I followed the steps outlined in your guide on using custom UI themes, and so far it has worked using the [wptabs] shortcode: I am able to see my custom theme. But when I try to implement the accordion, it seems to stop working.
  
  Is there a specific syntax used to start the accordion? So far I have tried this test code, and it only gives me partial results (content area is reflects custom theme, but tab area does not):
  
  [wptabs style="wpui-custom" type="accordion"]
  [wptabtitle]Writing[/wptabtitle]
  [wptabcontent] Contents of the writing tab [/wptabcontent]
  [wptabtitle]Quotes[/wptabtitle]
  [wptabcontent] Contents of the Quotes tab [/wptabcontent]
  [wptabtitle]Tables[/wptabtitle]
  [wptabcontent] Contents of the Tables tab [/wptabcontent]
  [wptabtitle]Align[/wptabtitle]
  [wptabcontent] Contents of the Align tab [/wptabcontent]
  [/wptabs]
  
  test page here: http://hamrock.com/wp/welding-jcode-test/
  
  I read through other posts on this forum, and have tried switching off other plugins and saving the change options in the wpui several times, all with no success. I even upgraded to the latest Jquery (I think, I tried to replace the jquery.js on my server in my theme's folder), with no ill effects.
  
  Any help you can give would be greatly appreciated: this last piece of functionality is all that I need to continue with the completion of my site.
  
  Thanks,
  
  Scott
• kavin October 2011

  Hi Scott, try choosing a jQuery UI theme as the default in the options page. Please try it and let me know. :)
• hamrockster October 2011

  Kavin, it worked! Just for further clarification, why is this the solution? Does the widget pull off of different "variables" depending what the default theme is? Learning how to edit css/html and now very basic js has been like attempting another language.
  
  Thanks for the workaround and quick response- my template designer's support staff usually take a day or two to get back to their customers.
  
  I will be sure to let you now of any more questions.
  
  Scott
• kavin October 2011

  This solution is just temporary. Default behavior is that when you include a custom jQuery UI theme, WP UI prepends an additional CSS file, that resets the elements before the custom theme css file. But when you choose the CSS3 style, this is not done. :)
• hamrockster October 2011

  Ah, so I was headed in the right direction with my earlier assumption. Will this be addressed in future versions?
  
  Thanks again.
• kavin October 2011

  Next version allows you to select a custom theme as the default. Next version 0.8, jQuery UI themes downloaded will need to be prepended "jqui-", to make the necessary additions.
• hamrockster October 2011

  Do I edit the custom CSS already uploaded, or do I have to download the theme again?
• hamrockster October 2011

  Disregard that last question- I just chose the custom theme as the default in your UI and it seemed to work. That was all I did, so I am still unsure what prepending the theme with "jgui-" would do. It works now, in any case.
• kavin October 2011

  Yes it works now. I won't necessitate the jqui-prefix requirement for now. :)
  
  But i do recommend you name the custom styles with prefix "jqui-".
• hamrockster November 2011

  So instead of the "wpui-xxxx", switch it to the "jqui-xxxx"? Will do. Thanks again