Page History

HTML
<link rel="stylesheet" href="https://gsvlabs-confluence-files.s3.us-west-2.amazonaws.com/stylesheets/MorganStanley/companies.css" />

Custom section

CustomCSS	flex-direction: column; width: 100%; margin: auto; margin-top: 20px;
ContainerID	maincontainer
DisableAutoHeight	true

HTML

<script>
function htmlDecode(input){
  var e = document.createElement('textarea');
  e.innerHTML = input;
  // handle case of empty input
  return e.childNodes.length === 0 ? "" : e.childNodes[0].nodeValue;
}
</script>

<div id="loading-container">
  <div id="loading"> </div>
</div>

<div class="page-banner">
  <div class="banner-content">
    <div class="title">
      <p>Companies</p>
    </div>
    <input id="hiddenTabInput" hidden />
    <div id="tabsId" class="tabs"> </div>
  </div>
</div>

Custom section

ContainerID	people-filters
Class	filter-row

Custom section

Class	left

HTML

<p id="filters-header" class="filters-title"> </p>
<div class="filters-section">
    <div class="filters-macro-container">
        <div id="filtersId" class="filters"> </div>
    </div>
    <input id="hiddenFilterInput" hidden="hidden" />
    <div class="dropdown">
        <input type='text' class="input-field" id='search-bar' placeholder='Search...'>
        <div id="myDropdown" class="dropdown-content">
            <ul id='search-results'> </ul>
        </div>
    </div>
</div>

Custom section

ContainerID	no-result-section

HTML
<style> p.no-result

{
    font-family:

Karla; font-size: 22x; font-weight: bold; } .largeimagewithtextbelow-listmempag .card-subtitle { font-family: Karla

var(--main-font-family);
    font-size:

18px

22px;

}

div.custom-card-container.cardstyle.largeimagewithtextbelow-listmempag {

background: transparent; } div.largeimagewithtextbelow-listmempag .card-text-container { height: fit-content; } div.cardSection1, div.cardSection2, div.cardSection3, div.cardSection4, div.cardSection5 { display: none; } ul#user-search-results { overflow: unset; } .rw_body.rw_body_white, body.rw_body_white { background: var(--main-background); } div#rw_theme_header { z-index: 11; } .textSearch div#user-search-bar-container { height: auto; } /* ================================================================= MOBILE STYLING ================================================================= */ @media only screen and (max-width: 480px) and (min-width: 320px){ .titleSection .custom-title { margin-top: unset; margin-bottom: 25px; } .titleSection .buttons-container { display: flex; flex-wrap: wrap; justify-content: center; } button.tab-control-button { margin: 0 10px 10px; } div.contentSection { width: auto; margin: unset; } div.custom-card-container.cardstyle.largeimagewithtextbelow-listmempag { margin: unset; } div.custom-card-container.cardstyle.largeimagewithtextbelow-cc { margin: unset; } .searchSection .filterByStrength { margin-bottom: 20px; } div.titleSection { margin: 60px 80px; } } </style>

Custom section

Class	banner

Custom section

Class	titleSection

Custom title

Title	Companies

Custom ui tabs Custom ui tab

Name	Current Cohort

Show If

group	confluence-administrators

Custom ui tab

Name	Alumni

Custom section

Class	contentSection

Custom section

Class	cardSection cardSectionStyle

Custom section

CustomCSS	width: auto;
Class	searchSection

Custom section

CustomCSS	width: 100%; justify-content: flex-end;
ContainerID	section0CardsSearch
Class	textSearch

Custom User Search (deprecated)

userGroups	morganstanley-companies
profileFieldSearch	cup.field-54,cup.field-60,cup.field-55,cup.field-56,cup.field-59,cup.field-62,cup.field-50,fullName
profileFieldView	cup.field-50,cup.field-60,cup.field-59
placeholderText	Search...

List members pagination

GroupName	morganstanley-companies
Type	largeimagewithtextbelow-listmempag
CardURL	/display/MSCOM/Company+Page?company=
UniqueIdentifier	membercards
PreviousButtonText	Prev
Limit	100
NextButtonText	Next

Custom section

Class	cardSection1 cardSectionStyle

Custom section

CustomCSS	width: auto;
Class	searchSection

Custom section

CustomCSS	width: auto;
Class	filterByStrength

Mentor filters unique

UniqueIdentifierSearchContainer	section1Cards
IncludeFilters	2017,2018,2019,2020,Summer 2021, Winter 2021
UniqueIdSearchContainer	section1Cards
UniqueIdentifierFilter	section1Filter
FilterName	Filter by Cohort

Custom section

CustomCSS	opacity: 0
ContainerID	section1Cards
Class	textSearch
Height	0
Width	0

Custom User Search (deprecated)

userGroups	morganstanley-alumnicompanies-users
profileFieldSearch	cup.field-115
profileFieldView	cup.field-50,cup.field-60,cup.field-59
placeholderText	Search...

Custom section

CustomCSS	width: 100%; justify-content: flex-end;
ContainerID	section1CardsSearch
Class	textSearch

Custom User Search (deprecated)

userGroups	morganstanley-alumnicompanies-users
profileFieldSearch	cup.field-54,cup.field-60,cup.field-55,cup.field-56,cup.field-59,cup.field-62,cup.field-50,fullName
profileFieldView	cup.field-50,cup.field-60,cup.field-59
placeholderText	Search...

List members pagination

GroupName	morganstanley-alumnicompanies-users
Type	largeimagewithtextbelow-listmempag
CardURL	/display/MSCOM/Company+Page?company=
UniqueIdentifier	membercards1
PreviousButtonText	Prev
Limit	100
NextButtonText	Next

HTML

<script>
$('.tab-control-button.0').click(function() {
	// Hide all except div 0
	$('div.cardSection').css('display', 'flex');
	$('div.cardSection1').css('display', 'none');
	$('div.cardSection2').css('display', 'none');
	$('div.cardSection3').css('display', 'none');
	$('div.cardSection4').css('display', 'none');
	$('div.cardSection5').css('display', 'none');
	// Hide mentor filter
	//$('.filterByStrength').css('display', 'none');
});

$('.tab-control-button.1').click(function() {
    // Hide all except div 1
	$('div.cardSection').css('display', 'none');
	$('div.cardSection1').css('display', 'flex');
	$('div.cardSection2').css('display', 'none');
	$('div.cardSection3').css('display', 'none');
	$('div.cardSection4').css('display', 'none');
	$('div.cardSection5').css('display', 'none');
	// Hide mentor filter
	//$('.filterByStrength').css('display', 'none');
});
</script>

line-height: 1.87;
    color: #555555;
    text-align: left;
}
</style>

Custom section

ContainerID	network-card-section

HTML

<script src="https://gsvlabs-confluence-files.s3.us-west-2.amazonaws.com/js/Morgan+Stanley/companies.js">

HTML

<script>
// REPLACING ALL THE AUTOMATICALLY-GENERATED PROFILE LINKS IN SEARCH POPUP WITH PROFILE LINKS:
const replacePopupLinks = () => {
  let links = Array.from(document.getElementById("custom-user-search-results-dialog").getElementsByTagName("A"));
  links.forEach(link => {
    if (link.href.includes('/display/~')) {
      let email = link.href.split('/display/~').pop();
      link.href = '/display/MSCOM/Company+Page?company=' + email;
    }})
}

const popupReadyPolling = () => {
  if (document.getElementById("custom-user-search-results-dialog")) {
    replacePopupLinks();
  } else {
    setTimeout(popupReadyPolling, 200);
  }
}

// Set the polling function to start when page is done loading: 
window.addEventListener('DOMContentLoaded', () => {
	var searchBars = document.getElementsByClassName("custom-user-search-form");
	for(var i = 0; i < searchBars.length; i++) {
    	searchBars[i].addEventListener("submit", popupReadyPolling)
	}
});

</script>

Content

Space Tools

Versions Compared

Old Version 123

New Version 124

Key