Forums

Hi Team,

Just been updating a site that was running Chrono V4 RC3 on J2.5 to 4.0.6 on J3.4.
Everything works as it should, at the moment, except for Tabs.

Instead of displaying the tab menu horizontally, the tab text is displayed vertically.
After inspecting the code, it looks like the tabs Area Label is being rendered as an H3, where as before it was just unformatted text wrapped in a span.

Just wondered how I can go about resolving this, as I was going to create a template over ride, but it looks like that is not possible.

Ideally, I would like to try and recode this per bootstrap standards.

Any info is much appreciated,

PS, I am aware that I could modify the HTML code that has been created by the form wizard, but I would prefer to try and do update so that the generated HTML code is correct.

Many thanks.

Hi Simon,

Adding some CSS seems to bring them back in line. Something like this:

dt.tabs h3 {
  font-size: 1.4em;
}
dt.tabs {
  float: left;
  width: 150px;
  border: 1px solid silver;
  padding: 3px;
  margin-left: 3px;
  text-align: center;
}

Bob