topic Re: Center Title/Header for Tabbed Theme in Web AppBuilder Custom Widgets Questions

Center Title/Header for Tabbed Theme

BrandonPrice — Mon, 18 Sep 2017 22:39:45 GMT

Does anyone know how to do this? Can someone please help me if so? I am using tabbed theme in arcgis web appbuilder developer.

Re: Center Title/Header for Tabbed Theme

RobertScheitlin__GISP — Sun, 12 Dec 2021 10:05:27 GMT

Brandon,

Are you talking about the apps main title in the Header widget? If so these changes to the Header Widgets css style.css file will help (lines 16 and 26):

.jimu-widget-header .header-section{
  height: 100%;
  float: left;
}
.jimu-widget-header .container-section{
  height: 100%;
  float: left;
}

.jimu-widget-header .hide-logo{
  display: none;
}

.jimu-widget-header .titles{
  height: 100%;
  width: 90%;
}

.jimu-widget-header .logo{
  max-height: 40px;
}

.jimu-widget-header .jimu-title{
  text-align: center;
  height: 100%;
  margin-left: 45%;
}‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

..........‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: Center Title/Header for Tabbed Theme

BrandonPrice — Wed, 20 Sep 2017 17:16:27 GMT

Yes. Excellent. This worked great. Thanks Robert.

Re: Center Title/Header for Tabbed Theme

RobertScheitlin__GISP — Wed, 20 Sep 2017 17:44:45 GMT

Brandon,

Glad it helped. Be sure to mark this question as answered.

Re: Center Title/Header for Tabbed Theme

BrandonPrice — Thu, 21 Sep 2017 00:55:27 GMT

I marked as correct.