Center Title/Header for Tabbed Theme

674
4
Jump to solution
09-18-2017 03:39 PM
BrandonPrice
Occasional Contributor

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

Tags (1)
0 Kudos
1 Solution

Accepted Solutions
RobertScheitlin__GISP
MVP Emeritus

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%;
}‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

..........

View solution in original post

4 Replies
RobertScheitlin__GISP
MVP Emeritus

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%;
}‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

..........
BrandonPrice
Occasional Contributor

Yes. Excellent. This worked great. Thanks Robert.

0 Kudos
RobertScheitlin__GISP
MVP Emeritus

Brandon,

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

0 Kudos
BrandonPrice
Occasional Contributor

I marked as correct.

0 Kudos