x x x
x
Only portrait mode is currently supported - please rotate your device.

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
HTML
<style>
.tab-Square {
    margin-top: 30px !important;
    border-radius: 10px !important;
    color: var(--primary-color) !important;
    margin-right: 0px !important;
}
#title-container { 
	width: 0px;
}
/*#name-container {
	text-align: center;
}*/
.custom-section-container { 
	width: 50% 
}
#page-visits {
	display: none;
}
.no-activity {
	text-align: center;
}
a.no-text-decor {
	margin-right: 0;
}
#activity-button-container {
	align-items: center;
}
@media only screen and (min-width : 480px) and (max-width : 1000px) {
	.tablet_view_main_custom_section {
     	flex-direction: column !important; 
		width: 80% !important;
  }
	.custom-column-container {
		width: 100% !important;
		margin-top: 0px !important;

	}
}
@media only screen and (max-width : 480px) {
	.my-button {
      width: 180px !important;
  	}
	div#ui-tabs-buttons-useranalytics button {
		margin: 0px !important;
	}
	#tab-button-Appointments {
		margin-left: 5px !important;
	}
	#company-container {
		font-size: smaller !important;
	}
	.tablet_view_main_custom_section {
     	flex-direction: column !important; 
		width: 100% !important;
		padding: 30px 0px !important;
  }
	.custom-column-container {
		margin-top: 0px !important;
	}
	/* Squish buttons on top of one another */
	.button-container {
		flex-wrap: wrap;
		height: 125px !important;
	}
	.back-to-dash-button-container {
		justify-content: center;
	}
	.deactivate-button-container {
		justify-content: center !important;
	}
}
@media only screen and (max-width : 1000px) {
	/* Squish user data columns into rows one on top of the other */
	.user-data-container {
     	flex-direction: column !important;
	}
}


</style>

...

groupcompany-admin

...

CustomCSSpadding:30px; width: 80%; margin: 40px auto 40px auto; position: relative; box-shadow: 0 5px 20px 2px rgba(0,0,0,.3); border-radius: 10px !important; flex-direction: column;
Classtablet_view_main_custom_section

...

Classbutton-container
Custom section
Classback-to-dash-button-container

Custom button
CustomCSSborder: none; width: 135px; height: 35.5px; border-radius: 20px; font-family: Avenir-Roman; background-color: var(--primary-color); font-size: 15px; letter-spacing: -1px; color: #ffffff; margin: 10px; outline: none;
Typecustom-button
ButtonClassdashboardbutton
TextBack
Url/display/MSADM/Admin+Home

Custom section
CustomCSS justify-content: flex-end;
Classdeactivate-button-container

Admin remove
UniqueIdentifierremovecurrentuser
DeactivateButtontrue
FormTyperemoveuser
CupFieldcup.field-26

...

Classuser-data-container

...

Width30%

...

CustomCSSmargin: auto; justify-content: center;
HTML
<script>

if(document.referrer.includes('company')){
	document.getElementById('dashboardbutton').href = document.referrer;
} else {
	document.getElementById('dashboardbutton').href = '/display/MSADM/Admin+Home';
}
</script>

Admin user basic info
Link/display/MSPEOP/Member+Profile?user=*username*

Custom column
CustomCSSmargin-top: 30px;
Width30%

Admin user activity

Custom column
CustomCSSmargin-top: 30px;
Width40%

Admin user appointments