Web view centering and image size help

Discussion Forums > WebViews and HTML for Mobile

Replies: 11 Views: 284

shenry Aspiring developer Posts: 469 Reg: Jan 10, 2012 Orange County, ... 13,390	confirm \| cancel 01/27/14 01:38 AM (10 years ago) Web view centering and image size help I've got this almost exactly how I need it to look, but I can't figure out how to enlarge the image size a bit, and better center the address text. Any ideas on what I'm missing? https://www.dropbox.com/s/bs3u087kgyas1lx/web%20view%20fixes.jpg Title Comments I've got this almost exactly how I need it to look, but I can't figure out how to enlarge the image size a bit, and better center the address text. Any ideas on what I'm missing? https://www.dropbox.com/s/bs3u087kgyas1lx/web%20view%20fixes.jpg

mrDavid BTMods.com Posts: 3936 Reg: May 21, 2011 San Diego, CA 51,910	01/27/14 01:50 AM (10 years ago) That code looks familiar :-) Send me the plugin, I'll take a look. David Comments That code looks familiar :-) Send me the plugin, I'll take a look. David

shenry Aspiring developer Posts: 469 Reg: Jan 10, 2012 Orange County, ... 13,390	01/27/14 02:04 AM (10 years ago) ha, you recognize some late night BTSD programming? It's on its way. Comments ha, you recognize some late night BTSD programming? It's on its way.

mrDavid BTMods.com Posts: 3936 Reg: May 21, 2011 San Diego, CA 51,910	01/27/14 11:30 AM (10 years ago) Sent over an email :-) Watching David code at 4AM was one of the bigger highlights of Buzzday, ha! Let me know if it works. Cheers! David Comments Sent over an email :-) Watching David code at 4AM was one of the bigger highlights of Buzzday, ha! Let me know if it works. Cheers! David

shenry Aspiring developer Posts: 469 Reg: Jan 10, 2012 Orange County, ... 13,390	01/27/14 06:36 PM (10 years ago) Well, I got the address to center using css, but I don't think that's what's locking the image to one size. I've tried all kinds of CSS changes and it only changes the width of the screen, not the image. https://www.dropbox.com/s/q8a0q17sqdandgd/uiwebview%20PM.png What is is now: useHtml = [useHtml stringByAppendingString:@"#image{margin-top:10px;margin-bottom:10px;width:100%;margin-left:auto;margin-right:auto;text-align:center;}"]; Comments Well, I got the address to center using css, but I don't think that's what's locking the image to one size. I've tried all kinds of CSS changes and it only changes the width of the screen, not the image. https://www.dropbox.com/s/q8a0q17sqdandgd/uiwebview%20PM.png What is is now: useHtml = [useHtml stringByAppendingString:@"#image{margin-top:10px;margin-bottom:10px;width:100%;margin-left:auto;margin-right:auto;text-align:center;}"];

shenry Aspiring developer Posts: 469 Reg: Jan 10, 2012 Orange County, ... 13,390	01/27/14 07:22 PM (10 years ago) I finally got something that looks like it works. There is likely a more elegant way to do this. useHtml = [useHtml stringByAppendingString:[NSString stringWithFormat:@"<div id='image'><img src='%@' style='min-width:300px;margin-left:5px;margin-right:5px;'/></div>", imageLocation]]; Gives me the size I want: https://www.dropbox.com/s/vw6nzdg9plkjpk1/Screen%20Shot%202014-01-27%20at%206.17.17%20PM.png Comments I finally got something that looks like it works. There is likely a more elegant way to do this. useHtml = [useHtml stringByAppendingString:[NSString stringWithFormat:@"<div id='image'><img src='%@' style='min-width:300px;margin-left:5px;margin-right:5px;'/></div>", imageLocation]]; Gives me the size I want: https://www.dropbox.com/s/vw6nzdg9plkjpk1/Screen%20Shot%202014-01-27%20at%206.17.17%20PM.png

Niraj buzztouch Evangelist Posts: 2943 Reg: Jul 11, 2012 Cerritos 37,930	01/27/14 09:10 PM (10 years ago) Be interesting to see how you will fare with that new plugin I had shown. Tick tock ... The SB app comes first. :-) Comments Be interesting to see how you will fare with that new plugin I had shown. Tick tock ... The SB app comes first. :-)

shenry Aspiring developer Posts: 469 Reg: Jan 10, 2012 Orange County, ... 13,390	01/27/14 09:16 PM (10 years ago) That is an amazing app. Have you considered creating a video - mainly because it has so many functions and possibilities. Or maybe just upload the video from San Diego. Comments That is an amazing app. Have you considered creating a video - mainly because it has so many functions and possibilities. Or maybe just upload the video from San Diego.

EdReyes Lost but trying Posts: 574 Reg: Oct 21, 2013 location unknow... 17,640	01/28/14 11:45 AM (10 years ago) @Shenry, I've got the video's edited and cued up ready to be uploaded, since others have messaged me for it. When Niraj gives the go ahead I'll create a post to share. I'm meeting Niraj tonight at that ios showcase, I'll speak to him about a video breakdown. Comments @Shenry, I've got the video's edited and cued up ready to be uploaded, since others have messaged me for it. When Niraj gives the go ahead I'll create a post to share. I'm meeting Niraj tonight at that ios showcase, I'll speak to him about a video breakdown.

shenry Aspiring developer Posts: 469 Reg: Jan 10, 2012 Orange County, ... 13,390	01/28/14 11:52 AM (10 years ago) Great. Will there be videos of both of your presentations? Comments Great. Will there be videos of both of your presentations?

mrDavid BTMods.com Posts: 3936 Reg: May 21, 2011 San Diego, CA 51,910	01/28/14 01:47 PM (10 years ago) @shenry nice job, can't wait to see you as a coding guru :-) David Comments @shenry nice job, can't wait to see you as a coding guru :-) David

EdReyes Lost but trying Posts: 574 Reg: Oct 21, 2013 location unknow... 17,640	01/28/14 01:56 PM (10 years ago) @shenry, yes, minus the stuff Niraj is working on for his company, which I edited out. Comments @shenry, yes, minus the stuff Niraj is working on for his company, which I edited out.

Login + Screen Name Required to Post Login 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.

Discussion Forums > WebViews and HTML for Mobile

Web view centering and image size help

Title

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments