topic Re: How to make the sections displayed in collapsed mode in Alfresco Archive

How to make the sections displayed in collapsed mode

andy2_0 — Fri, 27 Dec 2013 03:26:40 GMT

While previewing a document, there are several sections (such as operations, sharing, properties …) in the right side. They are displayed in expanded mode by default. I want to make the first one to be displayed in expanded, but the others in collapsed by default. How to implement it?Thanks for help

Re: How to make the sections displayed in collapsed mode

anshu_kumar — Thu, 02 Jan 2014 09:28:59 GMT

Hello Andy,

The one's which you want collapsed mode by default, simply add and pass an optional parameter to 'createTwister' method.

For example, lets say I want to implement this on 'Document Properties' component.

Open 'document-metadata.get.html.ftl', locate the below line of code

Alfresco.util.createTwister("${el}-heading", "DocumentMetadata");

and add 'collapsed' parameter as done below

Alfresco.util.createTwister("${el}-heading", "DocumentMetadata", {"collapsed": true});

Now open 'alfresco.js', and locate the 'Alfresco.util.createTwister' method

and add the below mentioned lines of code

if(config.collapsed)
   {
     isCollapsed = true;
   }

to the below exact mentioned place.

   var collapsedPrefs = Alfresco.util.arrayToObject(Alfresco.util.createTwister.collapsed.split(",")),
      isCollapsed = !!collapsedPrefs[p_filterName];

   // Initial State
   YUIDom.addClass(elController, config.CLASS_BASE);
   ***********Start Added code***************
   if(config.collapsed)
   {
     isCollapsed = true;
   }
   ***********End Added code***************
   YUIDom.addClass(elController, isCollapsed ? config.CLASS_CLOSED : config.CLASS_OPEN);
   YUIDom.setStyle(elPanel, "display", isCollapsed ? "none" : "block");

Refresh Web Scripts and verify it.

Please let me know if it was helpful or in case of any issues implementing this.

Note: Don't forget to convert 'alfresco.js' to minified 'alfresco-min.js'

Re: How to make the sections displayed in collapsed mode

andy2_0 — Mon, 06 Jan 2014 05:30:59 GMT

Dear ANSHU KUMAR

Thanks for your reply.

I followed your solution but it didn't work. I am afraid I may miss something and will try it again.

Thanks for your kind support!

Re: How to make the sections displayed in collapsed mode

andy2_0 — Wed, 11 Jun 2014 16:09:12 GMT

Dear ANSHU KUMAR

Your solution works!

Here comes another requirement:
I just want at most one section to be expanded. For example, if the "File Operation" section is expanded, when I click the "Attributes" section to expand it, "File Operations" will be collapsed automatically.

Do you have any idea on this requirement? Thanks!