topic Re: Title covered up by search bar in ArcGIS Web AppBuilder Questions

Title covered up by search bar

TylerDunn2 — Thu, 10 Mar 2016 17:21:25 GMT

Not sure why this is happening. Might be because the logo is large, but I've dug into the themes and configs and cant figure out a fix for the life of me. I've attached an image. Anyone have any suggestions? Title is supposed to be "City Development".

Re: Title covered up by search bar

RobertScheitlin__GISP — Thu, 10 Mar 2016 17:35:55 GMT

Tyler,

Because you are using a logo that is wider than programmed for, you will have to modify the Launch Pads header widgets resize function to accommodate this larger width logo.

Re: Title covered up by search bar

TylerDunn2 — Thu, 10 Mar 2016 17:42:33 GMT

Yeah I figured it had to do with the resize function, I just wasn't sure where to find it. I guessed it's somewhere in the "themes" folder, but I searched for a while and couldn't lock it down.

Re: Title covered up by search bar

RobertScheitlin__GISP — Thu, 10 Mar 2016 18:06:03 GMT

Tyler,

Not sure if you are still asking exactly where to find the file but here is its location:

[app instal]\server\apps\[app#]\themes\LaunchpadTheme\widgets\Header\Widget.js

then the resize function.

Re: Title covered up by search bar

RobertScheitlin__GISP — Thu, 10 Mar 2016 18:15:06 GMT

More specifically adjust the bolded numbers in the snippet of the resize function below:

// Total width of the content in the header

var contentWidth = boxSizes.logoBox.w + boxSizes.titleBox.w + boxSizes.subTitleBox.w +

20 + boxSizes.searchWidgetBox.w + boxSizes.LinksIconBox.w;

if(15 + contentWidth + offsetRight < winBox.w) { // enough space to show everything

this.domNode.style.width = contentWidth + 'px';

var paddingLeft = 20;

if(boxSizes.titleBox.w + boxSizes.subTitleBox.w === 0){

paddingLeft = 15;

}

if(searchWidget) {

if(window.isRTL){

searchWidget.domNode.style.right = boxSizes.logoBox.w +

boxSizes.titleBox.w + boxSizes.subTitleBox.w + 15 + paddingLeft + 'px';

}else{

searchWidget.domNode.style.left = boxSizes.logoBox.w +

boxSizes.titleBox.w + boxSizes.subTitleBox.w + 15 + paddingLeft + 'px';

}

Re: Title covered up by search bar

KenKopicky — Tue, 15 Mar 2016 22:09:43 GMT

You might have to change the resize functions to expand due to the logo size.... Got root?

Re: Title covered up by search bar

RudoDuncan — Wed, 16 Mar 2016 16:51:59 GMT

I changed the numbers in bold to 40 and 35 just to see how it would look and nothing changed.

Re: Title covered up by search bar

RobertScheitlin__GISP — Wed, 16 Mar 2016 16:55:38 GMT

Rudo,

Then yo are likely making these changes in the wrong location. If you are wanting to change a app that you have already created then you have to be modifying that apps files and not the stemApp.