Remove resizability from Preview Property View

[apbarratt]

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 property view becomes collapsed when the page loads with a bar to resize it.  I'd like to remove this resizing bar and just have the view open at full height on every page load.

I've attached a screenshot of the preview view.  Sorry it's not wonderfully clear.  In it you can see five rows of data, there are actually several more rows but I have to drag the faint grey bar down to see all of them.

Any ideas?

Andy
(Web designer charged with skinning Alfresco Workdesk for a project it's used in.  First time encountering Workdesk.)

[deko]

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

[apbarratt]

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 😕

[deko]

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