topic Re: Web app w/strange error; icons show up below header bar in Web AppBuilder Custom Widgets Questions

Web app w/strange error; icons show up below header bar

AndrewWallick2 — Fri, 19 Jun 2015 20:49:44 GMT

Hello all,

I've been working on a slightly customized app, and so I changed the colors of the header bar and widget icons. But now when I start the app, the icons display underneath the header bar (see picture below). Has anyone else had this issue, or have any ideas why this is happening?

The weird thing is that when I try to Inspect Element, the icons go back to where they're supposed to be, in the top right of the header bar. After that, they stay there. So I can't look at the css to figure out what is wrong.

Re: Web app w/strange error; icons show up below header bar

RobertScheitlin__GISP — Sun, 21 Jun 2015 21:48:17 GMT

Andrew,

Did you make changes in the css? I would guess that you have got something off in your css that is doing this. The easiest test would be to copy the jimu.css from your stemapp folder over into your app after you rename you current jimu.css. if that is not it then you may have adjusted your client\stemapp\themes\TabTheme\widgets\Header\css\style.css file. If so then do the same for that file.

Re: Web app w/strange error; icons show up below header bar

AndrewWallick2 — Fri, 26 Jun 2015 17:11:34 GMT

Robert,

I just tried replicating this in a different app, and what caused it was a logo I added in (the ATM logo in the top left). The image size was 500 pixels wide by 350 pixels high, and right when I added it in the new app, the same bug happened.

Re: Web app w/strange error; icons show up below header bar

ZeZhengLi — Mon, 29 Jun 2015 05:40:40 GMT

Andrew,

This is a known issue, it will be fix in next release.