Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Sv translation
languageen

It is possible to customize the appearance of the IoT console by using Look&Feel settings in BellaDati.

When modifiying the CSS, users can use class .iot-console to modify only the elements of the IoT Console.

Popup menu

User's popup menu can be changed to display additional options and looks differently.

Image Removed

Code Block
languagecss
.topmenuleft_table .row {
  display: block;
}
.topmenuleft_table .row .cell {
  width: 100%;
}
.topmenuleft_table .user-email, .topmenuleft_table .cell.user-changepwd {
  display: block;
}

.topmenuleft_table .user-email {
  padding: 15px 0 0 28px;
    margin-bottom: 8px;
    color: black;
}

.topmenuleft_table .icon-edit:before, .topmenuleft_table .icon-address-book:before, .topmenuleft_table .icon-logout:before {
    display: inline-block;
  }

.topmenuleft_table .cell.ws-switch {
  text-align: left;
}
.topmenuleft_table a {
  color: black !important;
} 


Sv translation
languageja

BellaDatiの Look&Feel設定を使用して、IoTコンソールの外観をカスタマイズすることができます。

CSSを変更する場合、ユーザーは .iot-console クラスを使用して、IoTコンソールの要素のみを変更できます。