<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Integrating YUI and preview in Explorer in Alfresco Archive</title>
    <link>https://connect.hyland.com/t5/alfresco-archive/integrating-yui-and-preview-in-explorer/m-p/241216#M194346</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;SPAN&gt;I´m just trying to get some basic YUI based functionality as a *.ftl file to be used in the custom view of a explorer node. If this functionality works OK, it opens great intregration oportunities. The idea is to be able to have some working basic interaction (e.g. input parameters,…) that can be extended to cover more complex interfaces.&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;I´m trying this basic code from yahoo web:&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;PRE class="language-none line-numbers"&gt;&lt;CODE&gt;&amp;lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "&lt;A href="http://www.w3.org/TR/html4/strict.dtd" rel="nofollow noopener noreferrer"&gt;http://www.w3.org/TR/html4/strict.dtd&lt;/A&gt;"&amp;gt;&lt;BR /&gt;&amp;lt;html&amp;gt;&lt;BR /&gt;&amp;lt;head&amp;gt;&lt;BR /&gt;&lt;BR /&gt;&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;meta http-equiv="content-type" content="text/html; charset=utf-8"&amp;gt;&lt;BR /&gt;&amp;lt;title&amp;gt;Adding Tabs&amp;lt;/title&amp;gt;&lt;BR /&gt;&lt;BR /&gt;&amp;lt;style type="text/css"&amp;gt;&lt;BR /&gt;/*margin and padding on body element&lt;BR /&gt;&amp;nbsp; can introduce errors in determining&lt;BR /&gt;&amp;nbsp; element position and are not recommended;&lt;BR /&gt;&amp;nbsp; we turn them off as a foundation for YUI&lt;BR /&gt;&amp;nbsp; CSS treatments. */&lt;BR /&gt;body {&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;margin:0;&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;padding:0;&lt;BR /&gt;}&lt;BR /&gt;&amp;lt;/style&amp;gt;&lt;BR /&gt;&lt;BR /&gt;&amp;lt;link rel="stylesheet" type="text/css" href="&lt;A href="http://yui.yahooapis.com/2.7.0/build/fonts/fonts-min.css" rel="nofollow noopener noreferrer"&gt;http://yui.yahooapis.com/2.7.0/build/fonts/fonts-min.css&lt;/A&gt;" /&amp;gt;&lt;BR /&gt;&amp;lt;link rel="stylesheet" type="text/css" href="&lt;A href="http://yui.yahooapis.com/2.7.0/build/tabview/assets/skins/sam/tabview.css" rel="nofollow noopener noreferrer"&gt;http://yui.yahooapis.com/2.7.0/build/tabview/assets/skins/sam/tabview.css&lt;/A&gt;" /&amp;gt;&lt;BR /&gt;&amp;lt;script type="text/javascript" src="&lt;A href="http://yui.yahooapis.com/2.7.0/build/yahoo-dom-event/yahoo-dom-event.js" rel="nofollow noopener noreferrer"&gt;http://yui.yahooapis.com/2.7.0/build/yahoo-dom-event/yahoo-dom-event.js&lt;/A&gt;"&amp;gt;&amp;lt;/script&amp;gt;&lt;BR /&gt;&lt;BR /&gt;&amp;lt;script type="text/javascript" src="&lt;A href="http://yui.yahooapis.com/2.7.0/build/element/element-min.js" rel="nofollow noopener noreferrer"&gt;http://yui.yahooapis.com/2.7.0/build/element/element-min.js&lt;/A&gt;"&amp;gt;&amp;lt;/script&amp;gt;&lt;BR /&gt;&amp;lt;script type="text/javascript" src="&lt;A href="http://yui.yahooapis.com/2.7.0/build/tabview/tabview-min.js" rel="nofollow noopener noreferrer"&gt;http://yui.yahooapis.com/2.7.0/build/tabview/tabview-min.js&lt;/A&gt;"&amp;gt;&amp;lt;/script&amp;gt;&lt;BR /&gt;&lt;BR /&gt;&lt;BR /&gt;&amp;lt;!–begin custom header content for this example–&amp;gt;&lt;BR /&gt;&amp;lt;style type="text/css"&amp;gt;&lt;BR /&gt;.yui-navset button {&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; position:absolute;&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; top:0;&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; right:0;&lt;BR /&gt;}&lt;BR /&gt;&amp;lt;/style&amp;gt;&lt;BR /&gt;&lt;BR /&gt;&amp;lt;!–end custom header content for this example–&amp;gt;&lt;BR /&gt;&lt;BR /&gt;&amp;lt;/head&amp;gt;&lt;BR /&gt;&lt;BR /&gt;&amp;lt;body class=" yui-skin-sam"&amp;gt;&lt;BR /&gt;&lt;BR /&gt;&lt;BR /&gt;&amp;lt;h1&amp;gt;Adding Tabs&amp;lt;/h1&amp;gt;&lt;BR /&gt;&lt;BR /&gt;&amp;lt;div class="exampleIntro"&amp;gt;&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;lt;p&amp;gt;This demonstrates how to dynamically add tabs to a TabView widget.&amp;lt;/p&amp;gt;&lt;BR /&gt;&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;BR /&gt;&amp;lt;/div&amp;gt;&lt;BR /&gt;&lt;BR /&gt;&amp;lt;!–BEGIN SOURCE CODE FOR EXAMPLE =============================== –&amp;gt;&lt;BR /&gt;&lt;BR /&gt;&amp;lt;div id="demo" class="yui-navset"&amp;gt;&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;ul class="yui-nav"&amp;gt;&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;a href="#tab1"&amp;gt;&amp;lt;em&amp;gt;Tab One Label&amp;lt;/em&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;BR /&gt;&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li class="selected"&amp;gt;&amp;lt;a href="#tab2"&amp;gt;&amp;lt;em&amp;gt;Tab Two Label&amp;lt;/em&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;a href="#tab3"&amp;gt;&amp;lt;em&amp;gt;Tab Three Label&amp;lt;/em&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/ul&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div class="yui-content"&amp;gt;&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div id="tab1"&amp;gt;&amp;lt;p&amp;gt;Tab One Content&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div id="tab2"&amp;gt;&amp;lt;p&amp;gt;Tab Two Content&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div id="tab3"&amp;gt;&amp;lt;p&amp;gt;Tab Three Content&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&lt;BR /&gt;&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/div&amp;gt;&lt;BR /&gt;&amp;lt;/div&amp;gt;&lt;BR /&gt;&lt;BR /&gt;&amp;lt;script&amp;gt;&lt;BR /&gt;(function() {&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; var tabView = new YAHOO.widget.TabView('demo');&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; var addTab = function() {&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; var labelText = window.prompt('enter the tab label');&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; var content = window.prompt('enter the tab content');&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; if (labelText &amp;amp;&amp;amp; content) {&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; tabView.addTab( new YAHOO.widget.Tab({ label: labelText, content: content }) );&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; };&lt;BR /&gt;&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; var button = document.createElement('button');&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; button.innerHTML = 'add tab';&lt;BR /&gt;&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; YAHOO.util.Event.on(button, 'click', addTab);&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; tabView.appendChild(button);&lt;BR /&gt;&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; YAHOO.log("The example has finished loading; as you interact with it, you'll see log messages appearing here.", "info", "example");&lt;BR /&gt;})();&lt;BR /&gt;&amp;lt;/script&amp;gt;&lt;BR /&gt;&lt;BR /&gt;&amp;lt;/body&amp;gt;&lt;BR /&gt;&amp;lt;/html&amp;gt;&lt;SPAN class="line-numbers-rows"&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/CODE&gt;&lt;/PRE&gt;&lt;BR /&gt;&lt;SPAN&gt;This works OK in a browser (including paremeter input) however it displays OK in as a custom view but the data input functionallity does not work.&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;Does anybody knows what is missing to make it work or if this is at all possible with current Alfresco Explorer?&lt;/SPAN&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Wed, 26 Aug 2009 19:07:43 GMT</pubDate>
    <dc:creator>mabayona</dc:creator>
    <dc:date>2009-08-26T19:07:43Z</dc:date>
    <item>
      <title>Integrating YUI and preview in Explorer</title>
      <link>https://connect.hyland.com/t5/alfresco-archive/integrating-yui-and-preview-in-explorer/m-p/241216#M194346</link>
      <description>I´m just trying to get some basic YUI based functionality as a *.ftl file to be used in the custom view of a explorer node. If this functionality works OK, it opens great intregration oportunities. The idea is to be able to have some working basic interaction (e.g. input parameters,…) that can be ex</description>
      <pubDate>Wed, 26 Aug 2009 19:07:43 GMT</pubDate>
      <guid>https://connect.hyland.com/t5/alfresco-archive/integrating-yui-and-preview-in-explorer/m-p/241216#M194346</guid>
      <dc:creator>mabayona</dc:creator>
      <dc:date>2009-08-26T19:07:43Z</dc:date>
    </item>
    <item>
      <title>Re: Integrating YUI and preview in Explorer</title>
      <link>https://connect.hyland.com/t5/alfresco-archive/integrating-yui-and-preview-in-explorer/m-p/241217#M194347</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;SPAN&gt;The treeview in Explorer uses an early version of YUI, so it might be clashing. That would be the first place to look.&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;Thanks,&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;Mike&lt;/SPAN&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Wed, 26 Aug 2009 19:32:13 GMT</pubDate>
      <guid>https://connect.hyland.com/t5/alfresco-archive/integrating-yui-and-preview-in-explorer/m-p/241217#M194347</guid>
      <dc:creator>mikeh</dc:creator>
      <dc:date>2009-08-26T19:32:13Z</dc:date>
    </item>
    <item>
      <title>Re: Integrating YUI and preview in Explorer</title>
      <link>https://connect.hyland.com/t5/alfresco-archive/integrating-yui-and-preview-in-explorer/m-p/241218#M194348</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;SPAN&gt;Well, after looking at incompatibilities, it seems that it works OK except that at the end of the interaction, the preview window gets updated/refreshed with the initial layout and all the dynamic changes in the interface and user interactions (e.g. the added tab disappears since it was not there initially) are therefore lost.&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;Does anybody know haw to avoid this refresh/reset of the preview?&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;Otherwise, the (ugly and not acceptable) alternative would be to update the preview definition in the repository.&lt;/SPAN&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Thu, 27 Aug 2009 06:52:26 GMT</pubDate>
      <guid>https://connect.hyland.com/t5/alfresco-archive/integrating-yui-and-preview-in-explorer/m-p/241218#M194348</guid>
      <dc:creator>mabayona</dc:creator>
      <dc:date>2009-08-27T06:52:26Z</dc:date>
    </item>
  </channel>
</rss>

