topic Re: Remove resizability from Preview Property View in Alfresco Archive

Remove resizability from Preview Property View

apbarratt — Mon, 02 Jun 2014 10:40:00 GMT

Hi guys,When loading up a folder to show the documents inside, I have details about our folder on the left hand side (with custom properties that we have designed for our use case).These appear in the Preview Property View (#OwRecordPreviewPropertyView).Underneath this is nothing, however the proper

Re: Remove resizability from Preview Property View

deko — Mon, 02 Jun 2014 12:22:46 GMT

Hi apbarratt,

Unfortunatley the height of the preview properties view is not hardcoded and cannot be changed easily by changing a CSS value.

In fact, the height of the view is caluclated via javascript depending on the height of the complete browser window, so if you resize your browser window´s height you will see also the preview property view being resized. Please see function arrangeTreeViewHeight(contentHeight, navigationElementId, isAjaxResponse, useDynamicSplit, collapsibileWidgetHeight, availableHeight) in common.js under webapps/workdesk/js to have an understanding how the height is calculated here. Maybe you want to remove the calculation here and set the height to 100% via CSS then.

Best regards,
Deko

Re: Remove resizability from Preview Property View

apbarratt — Mon, 02 Jun 2014 15:03:41 GMT

Hi Deko,

Thanks for the tip. Unfortunately, even if I delete the entire arrangeTreeViewHeight function in common.js, the page still seems to load with the resizable properties view with items hidden away. There just doesn't seem to be any getting away from it

I've managed to create a rather dirty function that removes all the resizing stuff and shows the properties view in all its glory:


function removePropertiesViewHandle()
{
   propertiesPanel = document.getElementById('OwRecordPreviewPropertyView').parentNode;

   propertiesPanel.style.height = 'initial';

   blankPanel = propertiesPanel.parentNode.parentNode.nextSibling;

   blankPanel.style.display = 'none';

   resizeHandle = blankPanel.nextSibling.nextSibling;

   resizeHandle.style.display = 'none';
}
‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

However I can't seem to find where best to place this call so that it will actually get called at the correct time, any ideas?

Andy
P.S. This forum text area seems to have an extraordinarily small font, I have to use my browser dev tools to increase the text size so that I can read what I'm typing 😕

Re: Remove resizability from Preview Property View

deko — Wed, 04 Jun 2014 09:34:26 GMT

Hi apbarratt,

I would place your function content at the end of the arrangeTreeViewHeight() function in common.js under webapps/workdesk/js. This function is called in the arrangeRecordHeight function in the same file.

The general javascript call then happens in the onRencer method of the OwRecordSubLayout.java class.

Best regards,
Deko