x
x
x
x
Only portrait mode is currently supported - please rotate your device.
HTML | ||
---|---|---|
<script>
AJS.toInit(function(){
let searchIcon = $('.lipifo-search')[0];
$('.aui-button.search')[0].innerHTML = "";
$('.aui-button.search')[0].append(searchIcon);
$("form.aui.custom-user-search-form").on("submit", function(){
var checkExist = setInterval(function() {
if ($('.inside-table-cell.field-value a').length) {
// change href attr to be this site's mentor prof link
$("#custom-user-search-results-table a").each(function() {
if (this.href.includes("/~")) {
let email = this.href.split("/~").pop();
console.log(email);
this.href = "/display/MSCOM/Company+Page?company=" + email;
}
});
clearInterval(checkExist);
}
console.log("does not exist");
}, 100); // check every 100ms
});
});
</script> | ||
HTML | ||
<style> /* SEARCH BAR */ [class^="lipifo-"]:before, [class*=" lipifo-"]:before { color: white; } button.aui-button.search { border: 2px solid var(--primary-color); border-radius: 20px; background-color: var(--primary-color) !important; color: white; } form.custom-user-search-form input.searchInput.text { border-radius: 4px; border: solid 1.5px #767676; background-color: #ffffff; color: #767676 !important; font-size: 15px; width: 233px<style> h2#PeopleHome-Noalumnitodisplay {margin: 20px;} div.custom-card-container.cardstyle.largeimagewithtextbelow-listmempag { width: 200px; } .largeimagewithtextbelow-cc .image-container img { height: 100% !important; } #myCards-membercards1 .cardstyle.largeimagewithtextbelow-cc { padding: 0; } .largeimagewithtextbelow-listmempag .image-container { width: 200px !important; height: 200px !important; } #myCards-membercards .card-title, #myCards-membercards1 .card-title, #myCards-membercards2 .card-title, #myCards-membercards3 .card-title, #myCards-membercards4 .card-title, #myCards-membercards5 .card-title { padding: 14px 17px 0px 17px; font-size: 22px; } div.largeimagewithtextbelow-listmempag .card-subtitle { font-size: 18px; padding: 0px 17px 14px 17px; } div.custom-card-container.cardstyle.largeimagewithtextbelow-cc { height: unset !important; } div.custom-card-container.cardstyle.largeimagewithtextbelow-cc { width: 200px; } .largeimagewithtextbelow-cc .image-container img { height: 100% !important; } .largeimagewithtextbelow-cc .image-container { width: 200px !important; height: 200px !important; } div.largeimagewithtextbelow-cc .card-subtitle { font-size: 18px; padding: 0px 17px 14px 17px; } .largeimagewithtextbelow-cc .card-subtitle { font-family: Karla; font-size: 18px; } div.custom-card-container.cardstyle.largeimagewithtextbelow-cc { background: transparent; } div.largeimagewithtextbelow-cc .card-text-container { height: fit-content; } /* FILTER DROPDOWN */ div#filters-inner-list { overflow: scroll; height: 50px; display: flexcalc(100vh - 100px); paddingmax-height: 0 10px500px; } button.aui-button.search.undefined/* SEARCH BAR */ form.custom-user-search-form input.searchInput.text { font-size: 0pxborder-radius: 4px; border: solid 1.5px #767676; heightbackground-color: 50px#ffffff; widthcolor: #767676 50px!important; borderfont-radiussize: 8px15px; } /*-----------------------SEARCH POPUP------------------------*/ .inside-table-cell.field-name { width: 233px; height: 50px; widthdisplay: 70px; } button#dialog-close-button.aui-button { border-radius: 8pxflex; padding: 0 10px; } spanbutton.aui-avatar.aui-avatar-large .aui-avatar-inner imgbutton.search.undefined { heightfont-size: 100% !important0px; widthheight: auto !important; } #custom-user-search-results-dialog {50px; width: 50%50px; minborder-widthradius: 350px8px; } #custom-user-search-results-dialog .aui-dialog2-content table#custom-user-search-results-table /*-----------------------SEARCH POPUP------------------------*/ .inside-table-cell.field-name { width: 90%70px; border-collapse: separate; } button#dialog-close-button.aui-button { border-spacingradius: 15px 10px8px; } #custom-user-search-results-dialog span.aui-avatar.aui-avatar-large .aui-dialog2-content table#custom-user-search-results-table td, avatar-inner img { height: 100% !important; width: auto !important; } #custom-user-search-results-dialog .{ width: 50%; min-width: 350px; } #custom-user-search-results-dialog .aui-dialog2-content table#custom-user-search-results-table th { border-topwidth: none90%; padding: 10px; } table tbody tr { border-collapse: separate; boxborder-shadowspacing: 2px 2px 9px 0 rgba(0, 0, 0, 0.17); } table.aui:not(.aui-table-list)>tbody>tr>th, table.aui:not(.aui-table-list)>tfoot>tr>th, table.aui:not(.aui-table-list)>tbody>tr>td, table.aui:not(.aui-table-list)>tfoot>tr>td15px 10px; } #custom-user-search-results-dialog .aui-dialog2-content table#custom-user-search-results-table td, #custom-user-search-results-dialog .aui-dialog2-content table#custom-user-search-results-table th { border-bottomtop: none; padding: 10px; } #custom-user-search-results-dialog .aui-dialog2-content table#custom-user-search-results-table td.display-column-0, #custom-user-search-results-dialog .aui-dialog2-content table#custom-user-search-results-table th.display-column-0 { width: 55px; height: 55px; } .aui-avatar.aui-avatar-large, .aui-avatar.aui-avatar-large .aui-avatar-inner { height: 55px; max-width: 55px; max-height: 55px; width: 55px; } .inside-table-cell.field-value a { color: var(--primary-color)!important; text-decoration: none; font-weight: var(--font-weight-super-title); } .inside-table-cell.field-value a:hover { text-decoration: underline; } .custom-user-list-macro table { border-collapse: separate; width: 99%; border-spacing: 0px 10px; margin: 0 auto; } .custom-user-list-macro .custom-user-list-table td .confluence-userlink { font-weight: var(--font-weight-super-title); table tbody tr { box-shadow: 2px 2px 9px 0 rgba(0, 0, 0, 0.17); } table.aui:not(.aui-table-list)>tbody>tr>th, table.aui:not(.aui-table-list)>tfoot>tr>th, table.aui:not(.aui-table-list)>tbody>tr>td, table.aui:not(.aui-table-list)>tfoot>tr>td { border-bottom: none; } #custom-user-search-results-dialog .aui-dialog2-content table#custom-user-search-results-table td.display-column-0, #custom-user-search-results-dialog .aui-dialog2-content table#custom-user-search-results-table th.display-column-0 { width: 55px; height: 55px; } .aui-avatar.aui-avatar-large, .aui-avatar.aui-avatar-large .aui-avatar-inner { height: 55px; max-width: 55px; max-height: 55px; width: 55px; } .inside-table-cell.field-value a { color: var(--primary-color)!important; text-decoration: none; } .custom-user-list-macro .custom-user-list-table td .confluence-userlink font-weight: var(--font-weight-super-title); } .inside-table-cell.field-value a:hover { text-decoration: underline; } .custom-user-list-macro .custom-user-list-table td .aui-avatar { marginborder-rightcollapse: 20pxseparate; } table.aui>thead>tr>th, table.aui>tbody>tr>th, table.aui>tfoot>tr>th, table.aui>thead>tr>td, table.aui>tbody>tr>td, table.aui>tfoot>tr>td { width: 99%; paddingborder-spacing: 15px0px 20px; } .tableFloatingHeaderOriginal{10px; topmargin: 50px0 !importantauto; } #custom.custom-user-searchlist-results-tablemacro .addcustom-myuser-contactlist-button { display: none; } .custom-card-container .image-container img table td .confluence-userlink { objectfont-fit: contain; width: 150px weight: var(--font-weight-super-title); color: var(--primary-color)!important; heighttext-decoration: 150px !importantnone; } .profilecard .image-container { width: 200px; height: 200px; } a .custom-card-container.custom-user-list-macro .custom-user-list-table td .confluence-userlink:hover { text-decoration: underline; } .custom-user-list-macro .custom-user-list-table td .aui-avatar { widthmargin-right: 200px20px; } /* New user search styling */ .aui-button.search{ width: 50px; min-width: 50px; max-width: 50pxtable.aui>thead>tr>th, table.aui>tbody>tr>th, table.aui>tfoot>tr>th, table.aui>thead>tr>td, table.aui>tbody>tr>td, table.aui>tfoot>tr>td { padding: 15px 20px; } .tableFloatingHeaderOriginal{ top: 50px !important; } #prev-listcompanies, #next-listcompanies{ border-radius: 4px; background-color: white; border-color: var(--primary-color); color: #767676; height: 50px; } #custom-user-search-results-dialog{ width: 60%!important; } .inside-table-cell{ font-size: 15px!important#custom-user-search-results-table .add-my-contact-button { display: none; } /* Styling for the search and filter divs */ #filters-list{ height: auto; } .inside-table-cell a{ font-size: 15px!importantfilterByStrength #filters-list { margin-top: 52px; } button#dialog-close-button .filterByStrength .dropdown-content { border-radiuswidth: 100%; display: 4pxflex; backgroundjustify-colorcontent: whitecenter; coloralign-items: var(--primary-color)center; } div.contentSection, div.contentSection1{ margin: 0 100px!important; width: calc(100% - 200px).filterByStrength #filters-list:after { left: 64%; } .filter-btn p.filter{ display: block !important; } input .searchInputsearchSection { borderjustify-radiuscontent: 4px!importantspace-between; heightmargin-top: 50px!important; font-sizepadding: 16px!important; color: #767676!important;0px 25px; } .filterByStrength .dropdown { textborder-indentradius: 10px!important; } form.aui.custom-user-search-form{4px; marginborder: solid 0 100px!important1.5px #767676; paddingbackground-color: #ffffff; color: 0#767676 15px!important; } button.aui-button.search{ heightfont-size: 50px15px; width: 100px233px; background-colorheight: white50px; colordisplay: #767676flex; borderjustify-radiuscontent: 4px; } #myCards-listcompanies{center; justifyflex-contentdirection: flex-start!important; width: calc(100% + 80px)!important; } /* ---------- */ .image-container{ padding: 0px!important; } div.rw_formatting_itemrow; } /* REMOVE EXTRA SPACE AT TOP */ #main-content p:first-child { display: none; } #main-content p:nth-child(3) { widthdisplay: calc(100vw - 400px);none; } /* BANNER */ div.banner { margin-top: 0 100px!important-40px; displayheight: flex368px; justify-content: flex-start; padding-left: 15px!important; } .rw_search_item.rw_formatting_item.rw_search_box_theme_gray .rw_search_module_container>div .rw_search_item input.rw_search_query { border-radius: 4px; border: solid 1.5px #767676; font-family: var(--main-font-family); font-size: 15px; font-weight: 500; color: #000000; background: #ffffff; } .largeimagewithtextbelow-autocards .image-containerbackground: url('https://passport-media.s3-us-west-1.amazonaws.com/Morgan+Stanley/mentorsBanner.jpg'); /*background: url('https://passport-media.gsvlabsportal.com/Morgan+Stanley/mentorsBanner.jpg');*/ background-position: center; /* Center the image */ background-repeat: no-repeat; /* Do not repeat the image */ background-size: cover; } div.titleSection { margin: 90px 80px; flex-direction: column; } .titleSection .custom-title { borderfont-family: solid 1px #afafaf; } div.largeimagewithtextbelow-autocards .card-text-container {'MS Gloria II Std'; color: #ffffff; heightfont-size: 35px60px; } button.largeimagewithtextbelow-autocards .card-text-containertab-control-button { backgroundwidth: transparent155px; } div.largeimagewithtextbelow-autocards { height: 54px; background: transparentmargin: 0 12px 0 0; fontborder-sizeradius: 20px8px; font-weightborder: bold; solid 2px rgba(255, font-family: var(--secondary-font-family255, 255, 0.75); } button.nextprevbutton { widthbackground: 165pxtransparent; heightfont-family: 54pxKarla; borderfont-radiussize: 8px16px; backgroundfont-colorweight: #187ababold; color: #ffffff; outline: none; } divbutton.largeimagewithtextbelowtab-autocards card-titlecontrol-button:hover { font-familycursor: var(--secondary-font-family)pointer; } /* CONTENT SECTION font-size: 20px;*/ div.contentSection { paddingflex-direction: 0 !important; } div.largeimagewithtextbelow-autocards:hovercolumn; width: calc(100% - 400px); margin: 0 200px; } /* CARDS */ div.cardSectionStyle { backgroundflex-direction: transparentcolumn; } div#myCards-membercards, div#myCards-membercards1, div#myCards-membercards2, div#myCards-membercards3, div#myCards-membercards4, div#myCards-userlistmembercards5 { margin: 20px auto; display: grid !important; grid-template-columns: repeat(auto-fill, 300px200px); grid-gap: 30px26px; width: 100%; justify-content: space-evenly !important; height: auto !important; } div.contentSection, div.contentSection1 { flex-direction: column; width: calc(100% - 400px);#myCards-membercards p:first-child, #myCards-membercards1 p:first-child, #myCards-membercards2 p:first-child, #myCards-membercards3 p:first-child, #myCards-membercards4 p:first-child, #myCards-membercards5 p:first-child { margindisplay: 0 200pxblock; } div#next-prev-container-userlist { justify-content: flex-end; } button.nextprevbutton.pagination-cardstyle:hover#myCards-membercards .card-title, #myCards-membercards1 .card-title, #myCards-membercards2 .card-title, #myCards-membercards3 .card-title, #myCards-membercards4 .card-title, #myCards-membercards5 .card-title { backgroundfont-colorfamily: var(--primary-color)Karla; opacityfont-size: 122x; font-weight: bold; } button.nextprevbutton:focus.largeimagewithtextbelow-listmempag .card-subtitle { backgroundfont-colorfamily: var(--primary-color)Karla; colorfont-size: #ffffff18px; } div.rw_formatting_item.custom-card-container.cardstyle.largeimagewithtextbelow-listmempag { paddingbackground: 30px 0transparent; } /* ================================================================= MOBILE STYLING ================================================================= */ @media only screen and (max-width: 480px) and (min-width: 320px){ pdiv.largeimagewithtextbelow-listmempag .card-text-container { height: fit-content; } div.cardSection1, div.cardSection2, div.cardSection3, div.cardSection4, div.cardSection5 { display: none; } ul#user-search-results { marginoverflow: unset !important; } form.aui.custom-user-search-form.rw_body.rw_body_white, body.rw_body_white { marginbackground: unset !important;var(--main-background); } div#rw_theme_header { paddingz-index: unset !important; width: 90%;11; } .textSearch div#user-search-bar-container { marginheight: 0 auto !important; } div.contentSection, div.contentSection1 {width: 90% !important;margin: 20px auto !important;margin-top FONT-WEIGHT: 200;} } </style> | ||
Custom section | ||
| ||
Custom section | ||
|
Custom title | ||
---|---|---|
|
Name | Current Cohort |
---|
Name | MCIL Team |
---|
Custom User Search (deprecated) | ||||||||
---|---|---|---|---|---|---|---|---|
|
Custom section | ||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||
|
/* ================================================================= 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 | |||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||||||||||||||||||||||||||||||
|
Custom section | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
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');
});
$('.tab-control-button.2').click(function() {
// Hide all except div 2
$('div.cardSection').css('display', 'none');
$('div.cardSection1').css('display', 'none');
$('div.cardSection2').css('display', 'flex');
$('div.cardSection3').css('display', 'none');
$('div.cardSection4').css('display', 'none');
$('div.cardSection5').css('display', 'none');
// Hide mentor filter
//$('.filterByStrength').css('display', 'flex');
});
$('.tab-control-button.3').click(function() {
// Hide all except div 3
$('div.cardSection').css('display', 'none');
$('div.cardSection1').css('display', 'none');
$('div.cardSection2').css('display', 'none');
$('div.cardSection3').css('display', 'flex');
$('div.cardSection4').css('display', 'none');
$('div.cardSection5').css('display', 'none');
// Hide mentor filter
//$('.filterByStrength').css('display', 'flex');
});
$('.tab-control-button.4').click(function() {
// Hide all except div 4
$('div.cardSection').css('display', 'none');
$('div.cardSection1').css('display', 'none');
$('div.cardSection2').css('display', 'none');
$('div.cardSection3').css('display', 'none');
$('div.cardSection4').css('display', 'flex');
$('div.cardSection5').css('display', 'none');
// Hide mentor filter
//$('.filterByStrength').css('display', 'flex');
});
$('.tab-control-button.5').click(function() {
// Hide all except div 5
$('div.cardSection').css('display', 'none');
$('div.cardSection1').css('display', 'none');
$('div.cardSection2').css('display', 'none');
$('div.cardSection3').css('display', 'none');
$('div.cardSection4').css('display', 'none');
$('div.cardSection5').css('display', 'flex');
// Hide mentor filter
//$('.filterByStrength').css('display', 'none');
});
</script> |
HTML |
---|
<script>
// REPLACING ALL THE AUTOMATICALLY-GENERATED PROFILE LINKS IN MENTORS 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/MSPEOP/Bio+Profile?mentor=' + 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> |
HTML |
<style>
/* Styling for company cards */
.image-container img{
width: 100%;
height: 100%;
}
.image-container{
width: 300px;
height: 300px;
background-color: white;
border: 1px solid #afafaf;
}
.custom-card-container{
width: 300px;
height: auto;
border-radius: 0;
background-color: transparent;
box-shadow: 0;
}
.custom-card-container:hover{
border-radius: 0px;
box-shadow: none;
background-color: transparent;
transform: none
}
.card-text-container{
width: 100%;
margin-top: 30px;
}
.card-title{
width: 100%;
text-align: left;
padding: 0;
font-family: var(--secondary-font-family);
font-weight: normal;
color: black;
}
div.largeimagewithtextbelow-autocards .card-title {
padding: 0;
font-family: var(--secondary-font-family);
font-size: 20px;
}
</style>
<script>
function setCardLinks() {
let cardLinks = Array.from($("#myCards-userlist").find("a"));
cardLinks.forEach(a => {
let companyName = a.href.split('companies/')[1];
// /display/MSCOM/Company+Page?company=
let newLink = '/display/MSCOM/Company+Page?company=' + companyName;
a.href = newLink;
});
}
window.addEventListener("DOMContentLoaded", () => {
//setCardLinks();
/*
$('#myForm-tdmcompanies input').click(function() {
setCardLinks();
});
*/
});
AJS.toInit(function(){
let bannerElement = document.createElement('img');
bannerElement.classList.add('service-banner');
bannerElement.classList.add('hide-on-mobile');
bannerElement.src = "https://passport-media.s3-us-west-1.amazonaws.com/Morgan+Stanley/Company+Images/screen.jpg";
document.getElementById('main-content').prepend(bannerElement);
});
</script>
<style>
.service-banner{
height: 368px;
}
</style> |
OneValley