<table cellspacing="0" cellpadding="0" border="0" ><tr><td valign="top" style="font: inherit;">Have you included a theme in your updateRoot: e.g. JQSmoothnessTheme new updateRoot: anHtmlRoot<br><br>--- On <b>Tue, 24/7/12, Alejandro Zuzek <i><a.zuzek@gmail.com></i></b> wrote:<br><blockquote style="border-left: 2px solid rgb(16, 16, 255); margin-left: 5px; padding-left: 5px;"><br>From: Alejandro Zuzek <a.zuzek@gmail.com><br>Subject: [Seaside] JQueryUI Tabs not working<br>To: seaside@lists.squeakfoundation.org<br>Date: Tuesday, 24 July, 2012, 3:29<br><br><div id="yiv1225147436">Hi everyone,<br><br>This is my first post to this list and I am hoping to get some help. Also I hope in the future I will be able to answer some questions to others. I am developing a web app in a Pharo 1.1 one-click distribution so it comes with Seaside 3.0. I am not able to make the JQueryUI tabs work in my app. I have added the JQDeploymentLibrary and
JQUiDeploymentLibrary to this app and basically copied and pasted the tabswidget example (<a rel="nofollow" target="_blank" href="http://localhost:8080/tests/jquery-ui/tabswidget">http://localhost:8080/tests/jquery-ui/tabswidget</a> - <span class="yiv1225147436signature">JQTabsFunctionalTest class</span>) into my app, but all I get is the unordered list with hiperlinks to the values of the 'tabNamesAndValues' dictionary. The value of the last link is displayed below the list and the other two are displayed as soon as I click on the corresponding link. There are no Javascript errors when loading the page. Hopefully you will be able to see what I get below, but most probably the unordered list and hyperlinks will be lost in conversion to ASCII:<br>
<br>AZJQTabsTest
<ul class="yiv1225147436ui-tabs-nav yiv1225147436ui-helper-reset yiv1225147436ui-helper-clearfix yiv1225147436ui-widget-header yiv1225147436ui-corner-all"><li class="yiv1225147436ui-state-default yiv1225147436ui-corner-top yiv1225147436ui-tabs-selected yiv1225147436ui-state-active"><a rel="nofollow" target="_blank" href="http://localhost:8080/AZJQTabsTest#ui-tabs-5">Three</a></li>
<li class="yiv1225147436ui-state-default yiv1225147436ui-corner-top"><a rel="nofollow" target="_blank" href="http://localhost:8080/AZJQTabsTest#ui-tabs-9">Two</a></li><li class="yiv1225147436ui-state-default yiv1225147436ui-corner-top"><a rel="nofollow" target="_blank" href="http://localhost:8080/AZJQTabsTest#ui-tabs-11">One</a></li>
</ul>
<div class="yiv1225147436ui-tabs-panel yiv1225147436ui-widget-content yiv1225147436ui-corner-bottom" id="yiv1225147436ui-tabs-5">Third tab value</div>
<br><br>What am I missing here? By the way, the tabswidget example works perfectly fine and I have developed another application in the same image which also uses JQueryUI tabs and those are working fine too.<br><br>The two methods that are used in my example are:<br>
<br>AZJQTabsTest>>renderContentOn: html<br> html text: 'AZJQTabsTest'.<br>html div<br> script: html jQuery new tabs;<br> with: [<br> html unorderedList: [<br> self tabNamesAndValues keysAndValuesDo: [ :name :description |<br>
html listItem: [<br> html anchor<br> url: (html jQuery ajax<br> html: [ :h | h text: description ];<br> fullUrl);<br> with: name ] ] ] ]<br>
<br>AZJQTabsTest>>tabNamesAndValues<br> ^Dictionary new<br> at: 'One' put: 'First tab value';<br> at: 'Two' put: 'Second tab value';<br> at: 'Three' put: 'Third tab value';<br>
yourself<br><br>AZJQTabsTest is a subclass of WAComponent and answers 'true' to canBeRoot.<br><br>Any ideas?<br><br>Thanks,<br><br>Alejandro<br>
</div><br>-----Inline Attachment Follows-----<br><br><div class="plainMail">_______________________________________________<br>seaside mailing list<br><a ymailto="mailto:seaside@lists.squeakfoundation.org" href="/mc/compose?to=seaside@lists.squeakfoundation.org">seaside@lists.squeakfoundation.org</a><br><a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br></div></blockquote></td></tr></table>