x
x
x
x
Only portrait mode is currently supported - please rotate your device.
HTML |
---|
<script> AJS.toInit(function(){ $("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> /* New user search styling */ #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; } .inside-table-cell a{ font-size: 15px!important; } button#dialog-close-button { border-radius: 4px; background-color: white; color: var(--primary-color); } div.contentSection, div.contentSection1{ margin: 0 100px!important; width: calc(100% - 200px)!important; } input.searchInput{ border-radius: 4px!important; height: 50px!important; font-size: 16px!important; color: #767676!important; text-indent: 10px!important; } form.aui.custom-user-search-form{ margin: 0 100px!important; padding: 0 15px!important; } button.aui-button.search{ height: 50px; width: 100px; background-color: white; color: #767676; border-radius: 4px; } #myCards-listcompanies{ justify-content: flex-start!important; width: calc(100% + 80px)!important; } .custom-card-container .image-container img { object-fit: contain; width: 200px!important; height: 200px!important; } /* ---------- */ .image-container{ padding: 0px!important; } div.rw_formatting_item { width: calc(100vw - 400px); margin: 0 100px!important; display: flex; 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-container { border: solid 1px #afafaf; } div.largeimagewithtextbelow-autocards .card-text-container { height: 35px; } .largeimagewithtextbelow-autocards .card-text-container { background: transparent; } div.largeimagewithtextbelow-autocards { background: transparent; font-size: 20px; font-weight: bold; font-family: var(--secondary-font-family); } button.nextprevbutton { width: 165px; height: 54px; border-radius: 8px; background-color: #187aba; color: #ffffff; } div.largeimagewithtextbelow-autocards card-title { font-family: var(--secondary-font-family); font-size: 20px; padding: 0 !important; } div.largeimagewithtextbelow-autocards:hover { background: transparent; } div#myCards-userlist { margin: 20px auto; display: grid !important; grid-template-columns: repeat(auto-fill, 300px); grid-gap: 30px; width: 100%; justify-content: space-evenly !important; height: auto !important; } div.contentSection, div.contentSection1 { flex-direction: column; width: calc(100% - 400px); margin: 0 200px; } div#next-prev-container-userlist { justify-content: flex-end; } button.nextprevbutton.pagination-cardstyle:hover { background-color: var(--primary-color); opacity: 1; } button.nextprevbutton:focus { background-color: var(--primary-color); color: #ffffff; } div.rw_formatting_item { padding: 30px 0; } </style> |
Show If | ||||||
---|---|---|---|---|---|---|
|
Custom User Search (deprecated) | ||||||
---|---|---|---|---|---|---|
|
Custom section | ||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||||||||||||||||||||||||||||||
|
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 = "http://passport-media.gsvlabsportal.com/Morgan+Stanley/Company+Images/screen.png"; document.getElementById('main-content').prepend(bannerElement); }); </script> |
OneValley