logo

The ConnectWise Control forum has moved to ConnectWise University! This forum has been locked and is in read-only mode. Click here for instructions on how to access the new forum.

Welcome Guest! You can not login or register.

Notification

Icon
Error

Options
Go to last post Go to first unread
fp4  
#1 Posted : Wednesday, October 16, 2013 1:02:12 PM(UTC)
fp4


Rank: Newbie

Joined: 10/16/2013(UTC)
Posts: 3

Tested against version: 4.0.5454.5032

With the new responsive layout I found it kind of annoying that the host details panel took up half the page when I wasn't using it, and it made scrolling through my unattended clients list kind of annoying, especially on my iPhone.

I think similar behavior should be built-in to ScreenConnect in a future update.

None the less I put together a small CSS and page mod to get around it.

1. Add the following to your theme or default CSS file.

Code:
.HidePanel { 
  display: none;
}

.FullHeight {
  height: 100% !important;
}


2. Open Hosts.aspx and find: SC.ui.ensureCssClass(SC.ui.get("detailViewPanel"), "TabsActive", activeSession != null)

Below it add the following lines:

Code:
      SC.ui.ensureCssClass(SC.ui.get("detailViewPanel"), "HidePanel", activeSession == null);
      SC.ui.ensureCssClass(SC.ui.get("detailSelectionPanel"), "FullHeight", activeSession == null);


3. I also made another modification to de-select a session/host by clicking the selected session, and to keep the session in view when the panel pops up.

Find this portion of code near: } else if (command.commandName == "Select") {

Code:
            window.selectSession(dataElement._dataItem.clp.s);
            window.setSessionUrlPart(dataElement._dataItem.clp.s);
            window.updateDetailViewPanel();


Replace it with:

Code:
            if (SC.ui.isSelected(dataElement)) {
              window.selectSession(null);
              window.setSessionUrlPart(null);
              window.updateDetailViewPanel();
            } else {
              window.selectSession(dataElement._dataItem.clp.s);
              window.setSessionUrlPart(dataElement._dataItem.clp.s);
              window.updateDetailViewPanel();
              dataElement.scrollIntoView(true);
            }


The dataElement.scrollIntoView kind of makes the list act a little off though, if it doesn't bother you if the host panel covers the selected session in certain cases just remove the code.

4. Refresh your page and test it out. If done correctly the list will take up the whole height of page, and the details pane will display when you select a session/host.

Here's a link to a gist of my Hosts.aspx (version 4.0.5454.5032) if you would prefer to download and replace your Hosts.aspx instead of making the modifications:

https://gist.github.com/anonymous/7011059

Edited by user Wednesday, October 16, 2013 1:03:27 PM(UTC)  | Reason: Not specified

renatoat  
#2 Posted : Thursday, December 19, 2013 10:20:39 AM(UTC)
renatoat


Rank: Member

Medals: Level 1: Random Act of Kindness! Received One Thanks!

Joined: 12/18/2013(UTC)
Posts: 15

Was thanked: 5 time(s) in 2 post(s)
First of all, thank you very much for this mod.

The height per row on the sessions list is really huge and this mod is great as a workaround.

In addition, the problem with the scrollIntoView on my tests with your mod is using 'true' for the parameter, which is 'alignWithTop'. When it aligns with top, if I click on a row, it goes to the top, instead of keeping where it already is. So I changed it to 'false', and everything is fine now.

Thank you again! :)

Renato.
Jeff  
#3 Posted : Thursday, December 19, 2013 12:09:17 PM(UTC)
Jeff


Rank: Administration

Medals: Level 4: Wise Old Owl! Received 100 Thanks!

Joined: 4/14/2010(UTC)
Posts: 1,785
Man
Location: Raleigh, NC

Thanks: 8 times
Was thanked: 156 time(s) in 122 post(s)
Thank you very much for posting this for the community and I will submit as a feature enhancement.
ScreenConnect Team
renatoat  
#4 Posted : Friday, December 20, 2013 12:40:27 PM(UTC)
renatoat


Rank: Member

Medals: Level 1: Random Act of Kindness! Received One Thanks!

Joined: 12/18/2013(UTC)
Posts: 15

Was thanked: 5 time(s) in 2 post(s)
Even with the supposed fix I described, it is still a bit off.

What solved it for me was checking whether the detail view is already visible or not. If it is already visible, no scrollIntoView should happen. If it is becoming visible now, having the possibility to take the selected row from the view, then we scrollIntoView.

Just replaced the code inside the "else" block.

var previous = window.getSessionUrlPart();

window.selectSession(dataElement._dataItem.clp.s);
window.setSessionUrlPart(dataElement._dataItem.clp.s);
window.updateDetailViewPanel();
if (!previous)
dataElement.scrollIntoView(false);

Hope that helps!

Best regards,
Renato Atilio.
llj6Sq  
#5 Posted : Tuesday, February 4, 2014 11:13:37 PM(UTC)
llj6Sq


Rank: Newbie

Joined: 1/29/2014(UTC)
Posts: 5
United States

I have version 4.1.5971.5135.

I implemented Steps 1 & 2 today and it works. I also noted the following:

If I click on the computer name or the check box beside the computer name, the details panel appears as specified.

I can make the Host Details panel disappear by placing a check mark in any check box and then click the check box again to remove the check mark. When the check mark goes away, so does the Host Details panel.
Users browsing this topic
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.