MediaWiki:Common.css and Parking alert (Panel): Difference between pages

From Tygron Support wiki
(Difference between pages)
Jump to navigation Jump to search
mNo edit summary
 
 
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
{{learned|what the parking alert is|how the parking alert is used|how to configure the parking alert}}
:root{
  --fx-color-interface: rgba(79, 185, 207, 1);
  --fx-color-interface-active: rgba(94, 255, 255, 1);
  --fx-color-interface-highlight: rgba(177, 217, 217, 1);
  --fx-color-interface-row-odd: rgba(229, 248, 252, 1);


}
==General==
===What is the Parking alert?===
The parking alert is a [[Panel|panel]] with a 3D icon which warns users when the amount of parking facilities in a given neighborhood is insufficient to comply with general demand or legislative requirements. This alert is useful for:
* Urban development projects
* Different spatial plans are compared in the 3D world


@import url('https://fonts.googleapis.com/css?family=Roboto+Slab|Roboto:300');
The alert appears in the 3D world when the amount of parking facilities required exceed the amount of parking facilities provided in a given neighborhood. The resulting panel will display the availability, demand, compliance rate, and remaining demand. The color of the popup of the alert will change based on the compliance deficit.


/** TABLE CLASSES **/
===Alert panel===
.table {
[[File:parking alert panel.jpg|thumb|The parking alert.|300px|right]]
  border:0 solid;
The alert panel shows the following information:
  border-collapse:collapse;
* The amount of parking lots available.
  border-spacing:0;
* The amount of parking lots demanded.
  font-size:.9230769231em;
* The current compliance rate.
  text-align:left;
* The mandated compliance rate.
  clear:none;
* The amount of parking lots which need to be added to meet the mandated compliance rate.
  position:relative;
{{clear}}
  display:inline-block;
  vertical-align:top;
  margin:10px 0;
  padding:0;
}


.table::after {
===Calculation===
  content:"";
<math>C_{c} = P_{c} / P_{d}</math>
  position:absolute;
  width:100%;
  left:0;
  height:3px;
  background-image:url("/images/4/45/Shadow_after.png");
  background-size:100% 3px;
}


.table::after {
The panels appears when <math>C_{c} < C_{d}</math>
  bottom:-3px;
}


/* make table captions bold */
where
.table > caption { font-weight: bold }
* <math>P_{c}</math> is the current amount of parking lots
* <math>P_{d}</math> is the amount of parking lots demanded
* <math>C_{c}</math> is the current compliance rate
* <math>C_{d}</math> is the mandated compliance rate


/* this is a hack to add borders to IE8- */
The mandated compliance rate is set by the neighborhood's REQUIRED_PARKING_COMPLIANCE_RATE attribute. This is not a required attribute. If the neighborhood does not have that attribute, the mandated compliance rate is equal to the compliance target [[Global]] of the [[Parking_(Indicator)|Parking Indicator]] on the [https://store.tygron.com/ Index]. If there is no such [[Global]] in the project, the mandated compliance rate is 1.
.table > thead, .table > tbody { border:0 solid #aaa\0/ }


.table tr {
The current amount of parking lots is requested from the Tygron Platform by using a [[TQL|TQL query]]. <br>
  border:1px solid #aaa\0/;
The demanded amount of parking lots is determined with the [[Function Value|Function values]].
  text-align:left;
  border-color:#AAA;
}


/* and this removes them for IE9+ */
==Additional configurations==
:root .table tr { border-top-width:0; border-bottom-width:0; }
* Make sure you have added the [[Parking_(Indicator)|Parking Indicator]] from the [https://store.tygron.com/ Index] and set the correct [[Global]].


.table > * > tr > :first-child { border-left:1px solid #AAA; }
* The Parking alert will work out-of-the-box. It can '''ONLY''' be loaded into the project as a [[Template Panel]], and templated on Neighborhoods.
.table > * > tr > :last-child { border-right:1px solid #AAA; }
{{Editor steps|title=|Select the ''Current tab'' and hover over the ''Panels'' button in the ribbon header| Select the Add Excel Template option| In the left panel of the editor the new added Template excel Panel is selected|In the right editor panel open the Select Excelsheet panel and select Import new Excel| Select the parkin Alert Excel panel you downloaded from the Index| Select Apply in the bottom right corner of the Excelsheet panel to apply you selected parking Alert Excel sheet.| Select Apply Template in the borrom right corner of the right editor panel. }}


.table > tbody > tr:last-child,
* The alert will automatically support Dutch and English, based on the project's language settings.
.table > tbody > tr:last-child > *,
.table > tfoot > tr:last-child > *,
.table > caption { border-bottom:1px solid #AAA; }


.table > tbody:first-child > tr:first-child > *,
{{Editor steps|title=|Select the ''Current tab'' and select the ''Neighborhoods'' button in the ribbon header| Select each one of the neighborhoods you want the attribute to relate to and add the attribute| Select the Attibutes tab in the right panel|Add the REQUIRED_PARKING_COMPLIANCE_RATE attribute| Select Save New Attribute| Continue for all relevant neighborhoods}}
.table > tbody > tr.heading > *,
.table > thead > tr:first-child > * {
  background-image:url("/images/c/cc/Infobox_header_overlay.png");
  background-color:#EEE;
  border-color:#AAA;
  padding:.5em;
}


.table > tbody > tr > th,
[[Category:Index]]
.table > tbody > tr > td,
.table > tfoot > tr > th {
  line-height:1.667em;
  padding:.25em .5em;
}
 
.table tr > th, .table[class*=center] tr { text-align:center; }
.table[class*=left] tr { text-align:left; }
.table[class*=right] tr { text-align:right; }
.table[class*=middle] tr { vertical-align:middle; }
.table[class*=top] tr { vertical-align:top; }
.table[class*=bottom] tr { vertical-align:bottom; }
 
.table > :first-child > tr:first-child,
.table > tbody > tr.heading {
  background-color:#EEE;
  border:1px solid #aaa!important;
}
 
.table > tbody > tr > th, .table > tfoot > tr > th {
  background-color:#E7E7E7;
  border-color:#AAA;
}
 
.table > tbody > tr:nth-child(odd) {
  background-color:#F3F3F3;
  border-color:#AAA;
}
 
.table > tbody,
.table > tbody > tr.heading,
.table > tbody > tr > [rowspan],
.table > tbody > tr > [colspan] { border:1px solid #AAA; }
 
.table > :first-child > tr:first-child + tr [rowspan],
.table > :first-child > tr:first-child + tr [colspan] { border-top-width:0; }
 
.table .line,
.table .line-bottom {
  border-bottom-width:1px!important;
  border-bottom-style:solid;
}
 
.table .line-top {
  border-top-width:1px!important;
  border-top-style:solid;
  border-top-color:#AAA;
}
 
.table .line-left {
  border-left-width:1px!important;
  border-left-style:solid;
  border-left-color:#AAA;
}
 
.table .line-right {
  border-right-width:1px!important;
  border-right-style:solid;
  border-right-color:#AAA;
}
 
.table table {
  background-color:transparent;
  padding:0;
  margin:0;
}
 
dl+table.table {
  margin-top: 0;
}
 
/** STDT table classes **/
/* any */
.table.any > :first-child > tr:first-child,
.table.any > :first-child > tr:first-child > *,
.table.any > tbody > tr.heading,
.table.any > tbody > tr.heading > * {
  background-color:#888 !important;
  border-color:#6D6D6D !important;
}
.table.any > tbody > tr > th,
.table.any > tfoot > tr > th,
.table.any > thead > tr > th,
table.table > tbody > tr.any > th {
  background-color:#CCC;
  border-color:#AAA;
}
.table.any > tbody > tr:nth-child(odd),
.table > tbody > tr.any:nth-child(odd) {
  background-color:#EEE;
}
 
/*Main page*/
/**MAIN PAGE STYLESHEET**/
 
table#mainpagenavigation {
/*border: 1px solid #000000;*/
box-shadow:rgba(0,0,0,0.25) 0 0 0.75em;
}
 
.page-Main_Page h1.firstHeading#firstHeading {
display:none;
}
 
#mainpagenavigation {
display:block;
border-collapse:collapse;
text-align:left
}
 
#mainpagenavigation th {
/*font-size:1.7692307692em;*/
font-size:20px;
color:#fff;
/*text-shadow:rgba(0,0,0,0.75) 0 0 .25em;*/
background-color:#4fb9cf;
font-weight:400;
height:48px;
text-align:center;
font-size-adjust:0.43
}
 
#mainpagenavigation th.header_sub {
height:24px;
}
 
#mainpagenavigation th h3{
font-size:25px;
padding-top:0px;
color:#fff;
 
background-color:#444;
font-weight:400;
height:48px;
text-align:center;
font-size-adjust:0.43
}
 
#mainpagenavigation td {
background-color:#fff;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffffffff);
background-image: linear-gradient(top, #bbb 0%, #fff 2%, #fff 100%);
background-image: -o-linear-gradient(top, #bbb 0%, #fff 2%, #fff 100%);
background-image: -moz-linear-gradient(top, #bbb 0%, #fff 2%, #fff 100%);
background-image: -webkit-linear-gradient(top, #bbb 0%, #fff 2%, #fff 100%);
background-image: -ms-linear-gradient(top, #bbb 0%, #fff 2%, #fff 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bbb), color-stop(.02, #fff), color-stop(1, #fff));
/*height:250px;*/
}
 
#mainpagenavigation td.content {vertical-align:top;padding:.5em 1.5em;}
#mainpagenavigation td.separator {border-right:#aaa solid 1px}
 
/*Editing tags on the main page*/
#mainpagenavigation h5{
position:absolute;
margin-left:180px;
}
/*Main page (padding, not used)*/
/* body.page-Main_Page.ns-subject #content,body.page-Main_Page_editcopy.ns-subject #content {padding-left:1em;padding-right:1em}*/
 
 
/*Preview Main Page*/
.preview #mainpagenavigation th {
background-color: #f7bb4a;
}
 
/*Float the table of contents right*/
#toc { float: right; }
.toctoggle { float: right; }
 
/*Header tweaks*/
.mw-body-content h3 {
    border-bottom: 1px solid #a2a9b1b0;
}
@media print {
    .mw-body-content h3 {
        border-bottom: 0px solid #a2a9b1b0;
    }
}
 
.mw-body-content h4 {
font-size: 1.1em;
}
 
/* Style for horizontal lists (separator following item).
  IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]].
  @source mediawiki.org/wiki/Snippets/Horizontal_lists
  @revision 6 (2014-05-09)
  @author [[User:Edokter]]
*/
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
    margin: 0;
    display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
    display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ": ";
}
.hlist dd:after,
.hlist li:after {
    content: " · ";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* For IE8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
    content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
    content: " (";
    font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
    content: ") ";
    font-weight: normal;
}
/* For IE8 */
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {
    content: ") ";
    font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
    counter-reset: listitem;
}
.hlist ol > li {
    counter-increment: listitem;
}
.hlist ol > li:before {
    content: " " counter(listitem) " ";
    white-space: nowrap;
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
    content: " (" counter(listitem) " ";
}
 
/*Don't float the horizontal list by default*/
#toc.toc.hlist {
float:none;
}
 
/*learned things header*/
.learned_heading {
/*background-color:#d0eed0;*/
background-color:#c9f9ff;
background-color:#c9f9ffaa;
padding: 1px 1px 10px 12px;
}
 
/*boxes with steps in the editor*/
.editor_location_box {
margin: 15px 0px;
}
 
.editor_steps_box {
display:inline-block;
border-style:dashed;
border-color:#808080;
background-color:#e4e4ee;
padding-right:40px;
margin-left:40px;
vertical-align:top;
margin-bottom:10px;
}
 
.editor_steps_box .editor_steps_title{
margin-left:20px;
}
 
.editor_steps_box_wrapper{
margin-left:40px;
}
 
.editor_steps_box_wrapper .editor_steps_box{
margin:0;
max-width:50%;
}
 
.editor_steps_box_wrapper .editor_steps_image {
display:inline;
}
 
.editor_steps_box_wrapper .editor_steps_image > div {
max-width:40%;
display:inline-block;
margin:0;
float:right;
clear:both;
}
 
/*Workaround because of applied width to style*/
.editor_steps_box_wrapper .editor_steps_image > div > div {
width:auto !important;
}
 
.editor_steps_box_wrapper .editor_steps_image img{
max-width:100%;
height:auto;
}
 
/*Support namespace styling*/
.ns-4500 #content, .ns-501 #content { background-color: #f3f3f3; }
.ns-4500 div.thumb, .ns-501 div.thumb { border-color: #f3f3f3; }
 
/*Infobox styling*/
/* Infobox template style */
.infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: black;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    float: right;
    clear: right;
}
.infobox td,
.infobox th {
    vertical-align: top;
}
.infobox caption {
    font-size: larger;
}
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}
 
.infobox.sisterproject {
    width: 20em;
    font-size: 90%;
}
 
.infobox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
    border: 1px solid #c0c090;
}
 
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
    border: 0;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
}
 
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
    border: 0;
    border-right: 1px solid #aaa;
}
 
/* Styles for geography infoboxes, eg countries,
  country subdivisions, cities, etc.            */
.infobox.geography {
    text-align: left;
    border-collapse: collapse;
    line-height: 1.2em;
    font-size: 90%;
}
 
.infobox.geography  td,
.infobox.geography  th {
    border-top: solid 1px #aaa;
    padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
    border-top: solid 1px #aaa;
    padding: 0.4em 0.6em 0.2em 0.6em;
}
 
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
    border: 0;
    padding: 0 0.6em 0.2em 0.6em;
}
 
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
    border-top: 0;
    border-bottom: solid 1px #aaa;
    padding: 0 0.6em 0.4em 0.6em;
}
 
.infobox.geography .maptable td,
.infobox.geography .maptable th {
    border: 0;
    padding: 0;
}
 
/* Code styling */
code{
    color:black;
    background-color:#f9f9f9;
    border:1px solid #ddd;
    border-radius:2px;
    padding:1px 4px
}
 
/*Infobox basic styling*/
.tygron-abox {
    width: 60%;
    margin: auto;
 
    background-color: #dddddd;
    border: 2px solid #bbbbbb;
    padding: 10px;
}
 
/*Page breaks*/
.pageBreakBlock {
    display:none;
}
@media print {
    .pageBreak {
        page-break-after: always;
    }
    .pageBreakBlock {
        display:block;
    }
}
 
/* Navigation Boxes*/
div.nav {
  position:relative;
}
 
div.nav .box {
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee);
  background-image:linear-gradient(top, #fff 0%, #eee 100%);
  background-image:-o-linear-gradient(top, #fff 0%, #eee 100%);
  background-image:-moz-linear-gradient(top, #fff 0%, #eee 100%);
  background-image:-webkit-linear-gradient(top, #fff 0%, #eee 100%);
  background-image:-ms-linear-gradient(top, #fff 0%, #eee 100%);
  background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #eee));
  border:1px solid #AAA;
  border-spacing:0;
  font-size:.9230769231em;
  min-height:60px;
  position:relative;
  margin:auto;
}
 
div.nav          .box { width:42em; }
div.nav.thin      .box { width:34em; }
div.nav.wide      .box { width:50em; }
div.nav.verywide  .box { width:unset; max-width:60em; }
div.nav.full      .box { width:unset; }
 
div.nav .heading {
  background-color:#888;
  background-image:url("/images/c/cc/Infobox_header_overlay.png") !important;
  border:1px solid rgba(0,0,0,0.25);
  border-bottom-width:0px;
  font-family:Arial, sans-serif!important;
  font-size:1.083em;
  font-size-adjust:.52;
  font-weight:700;
  line-height:100%;
  text-align:center;
  margin:-1px -1px 0px;
  padding:.769em 0;
  position:relative;
  z-index:1;
}
 
div.nav .clear {
  height:0.667em;
}
 
div.nav .box::after,
div.nav .heading::after {
  content:"";
  position:absolute;
  width:100%;
  left:0;
  height:3px;
  background-image:url("/images/5/5d/Boxshadow.png");
  background-size:100% 3px;
}
 
div.nav .box::after,
div.nav .heading::after {
  bottom:-3px;
}
 
div.nav .wrapper {
  padding: 0px 8px;
}
 
div.nav dl,
div.nav .wrapper.hlist > ul {
  margin:0.667em 0em;
}
 
div.nav dt {
  float:left;
  text-align:right;
  clear:left;
  border-right:2px solid #999;
  margin:0 -2px 0 0;
  padding:2px 8px 2px 0px;
  width:25%;
}
 
div.nav dd {
  float:left;
  text-align:left;
  border-left:2px solid #888;
  margin:0;
  padding:2px 0px 2px 8px;
  width:67%;
}
 
div.nav dt, div.nav dd {
  line-height:1.667em;
}
 
div.nav table {
  line-height:1.667em;
  background-color:transparent;
  border-collapse:collapse;
  width:100%;
  margin:0.667em 0;
}
 
div.nav table th {
  text-align:right;
  border-right:2px solid #888;
  vertical-align:top;
  padding:2px 8px;
}
 
div.nav table td {
  padding:2px 8px;
}
 
.nav .wrapper p {
  margin-top:0.667em;
  margin-bottom:0.667em;
}
 
div.nav .selflink {
  font-weight:bold;
}
 
/* Nav Items */
div.nav.items .heading { background-color:var(--fx-color-interface); }
    div.nav.items dd,
    div.nav.items dt,
    div.nav.items table th { border-color:var(--fx-color-interface); }
 
.table.items > :first-child > tr:first-child,
.table.items > :first-child > tr:first-child > *,
.table.items > tbody > tr.heading,
.table.items > tbody > tr.heading > * {
  background-color:#ffffff !important;
  border-color:var(--fx-color-interface) !important;
}
.table.items > tbody > tr > th,
.table.items > tfoot > tr > th,
.table.items > thead > tr > th,
table.table > tbody > tr.items > th {
  background-color:#ffffff;
  border-color:var(--fx-color-interface);
}
.table.items > tbody > tr:nth-child(odd),
.table > tbody > tr.items:nth-child(odd) {
  background-color:var(--fx-color-interface-row-odd);
}
 
/* Overlays */
.table.overlay > :first-child > tr:first-child,
.table.overlay > :first-child > tr:first-child > *,
.table.overlay > tbody > tr.heading,
.table.overlay > tbody > tr.heading > * {
  background-color:var(--fx-color-interface) !important;
}
.table.overlay > tbody > tr > th,
.table.overlay > tfoot > tr > th,
.table.overlay > thead > tr > th,
table.table > tbody > tr.overlay > th {
  background-color:var(--fx-color-interface);
}
.table.overlay > tbody > tr:nth-child(odd),
.table > tbody > tr.overlay:nth-child(odd) {
  background-color:var(--fx-color-interface-row-odd);
}
 
div.module-button{
  border:0px solid #AAA;
  border-spacing:0;
  border-radius:4px;
  font-size:1.5em;
  height:7em;
  width:8em;
  position:relative;
  margin:auto;
}
 
div.module-button .module-button-text{
  position: absolute;
  bottom: 5%;
  text-align: center;
  width: 100%;
  font-family: 'Roboto Slab', serif;
}
div.imagelink-white,
.imagelink-white {
  z-index:5;
}
div.imagelink-white p a,
.imagelink-white p a{
  color:white;
}

Revision as of 16:11, 2 March 2020

Template:Learned

General

What is the Parking alert?

The parking alert is a panel with a 3D icon which warns users when the amount of parking facilities in a given neighborhood is insufficient to comply with general demand or legislative requirements. This alert is useful for:

  • Urban development projects
  • Different spatial plans are compared in the 3D world

The alert appears in the 3D world when the amount of parking facilities required exceed the amount of parking facilities provided in a given neighborhood. The resulting panel will display the availability, demand, compliance rate, and remaining demand. The color of the popup of the alert will change based on the compliance deficit.

Alert panel

The parking alert.

The alert panel shows the following information:

  • The amount of parking lots available.
  • The amount of parking lots demanded.
  • The current compliance rate.
  • The mandated compliance rate.
  • The amount of parking lots which need to be added to meet the mandated compliance rate.

Calculation

The panels appears when

where

  • is the current amount of parking lots
  • is the amount of parking lots demanded
  • is the current compliance rate
  • is the mandated compliance rate

The mandated compliance rate is set by the neighborhood's REQUIRED_PARKING_COMPLIANCE_RATE attribute. This is not a required attribute. If the neighborhood does not have that attribute, the mandated compliance rate is equal to the compliance target Global of the Parking Indicator on the Index. If there is no such Global in the project, the mandated compliance rate is 1.

The current amount of parking lots is requested from the Tygron Platform by using a TQL query.
The demanded amount of parking lots is determined with the Function values.

Additional configurations

  • The Parking alert will work out-of-the-box. It can ONLY be loaded into the project as a Template Panel, and templated on Neighborhoods.
Parking alert (Panel):
  1. Select the Current tab and hover over the Panels button in the ribbon header
  2. Select the Add Excel Template option
  3. In the left panel of the editor the new added Template excel Panel is selected
  4. In the right editor panel open the Select Excelsheet panel and select Import new Excel
  5. Select the parkin Alert Excel panel you downloaded from the Index
  6. Select Apply in the bottom right corner of the Excelsheet panel to apply you selected parking Alert Excel sheet.
  7. Select Apply Template in the borrom right corner of the right editor panel.
  • The alert will automatically support Dutch and English, based on the project's language settings.
Parking alert (Panel):
  1. Select the Current tab and select the Neighborhoods button in the ribbon header
  2. Select each one of the neighborhoods you want the attribute to relate to and add the attribute
  3. Select the Attibutes tab in the right panel
  4. Add the REQUIRED_PARKING_COMPLIANCE_RATE attribute
  5. Select Save New Attribute
  6. Continue for all relevant neighborhoods