Discussion Forums  >  Plugins, Customizing, Source Code

Replies: 6    Views: 120

Agu
Lost but trying
Profile
Posts: 98
Reg: Mar 06, 2014
GRANADA
980
02/25/17 08:34 AM (7 years ago)

menu with image: header image do not fill the screen

Hello, I´m using Menu with image plugin. My image file for the header image is 1536x720 and I choose in control pannel 1536x720 as image size, but in app the image do not fill all its part of screen. In "old" version of BT all worked fine. Any idea? Many thanks, Agu.
 
FunkyMonkey
Aspiring developer
Profile
Posts: 1177
Reg: Aug 07, 2013
blackpool
14,570
like
02/27/17 10:19 AM (7 years ago)
have you tried increasing the header size, I had this last week and used a transparent background for the image and then used the built in colors to match rest of screen. Thanks Sean
 
Agu
Lost but trying
Profile
Posts: 98
Reg: Mar 06, 2014
GRANADA
980
like
03/01/17 02:46 PM (7 years ago)
Thanks @FunkyMonkey....but, what do tou mean with "increasing the header size"? Here is a screenshot: https://www.dropbox.com/s/qld9idh3qat3ji2/Screenshot_2017-03-01-22-06-44.png?dl=0
 
FunkyMonkey
Aspiring developer
Profile
Posts: 1177
Reg: Aug 07, 2013
blackpool
14,570
like
03/02/17 01:29 AM (7 years ago)
try increasing the green image or what i would do take the green out and make the images as png, then use the row color as the background color for thye header image, then it all matches up
 
Agu
Lost but trying
Profile
Posts: 98
Reg: Mar 06, 2014
GRANADA
980
like
03/12/17 06:47 AM (7 years ago)
Ok, good idea, will do it. Thanks!
 
Gledy
Aspiring developer
Profile
Posts: 109
Reg: Feb 25, 2013
Fleet, UK
3,240
like
11/12/20 08:53 AM (4 years ago)
See if anyone following this thread has the answer. When on a page that has the Menu with image plugin, the header image no longer fills the header section and now has a black border either size of the image. I've just tested this on a 12.9" iPad display and the image fills the header..... The sizing hasn't changed from last time I editing the app (1536x720) so unsure why this is happening now. I tried looking into the WB_screen_menuImage.m file but all references to image width are set to: headerImageWidth = self.deviceWidth; so no idea why a black boarder is now showing around the image on iPhone screen sizes.
 
Gledy
Aspiring developer
Profile
Posts: 109
Reg: Feb 25, 2013
Fleet, UK
3,240
like
07/19/23 08:01 AM (1 year ago)
Anyone still have this issue, I've finally figured it out by just guessing if im completely honest. Around line 135 in WB_screen_menuImage I changed the header image height to 220. I'm testing on an iPhone 14 pro max and it fills the image header now. 200 was just too small so I guess play around those figures until it fills the screen. Snippet of code for ref: //iPhone4 }else{ if([headerImageSize isEqualToString:@"Small"]){ headerImageHeight = 52; }else if([headerImageSize isEqualToString:@"Medium"]){ headerImageHeight = 84; }else{ headerImageHeight = 220; } headerImageWidth = self.deviceWidth; tableHeight = 480 -headerImageHeight; }
 

Login + Screen Name Required to Post

pointerLogin to participate so you can start earning points. Once you're logged in (and have a screen name entered in your profile), you can subscribe to topics, follow users, and start learning how to make apps like the pros.