1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Looking for HTML dev to convert design into one page website

Discussion in 'Hire a Freelancer' started by SeanAustin, Oct 3, 2015.

  1. SeanAustin

    SeanAustin Power Member

    Joined:
    Mar 4, 2013
    Messages:
    742
    Likes Received:
    715
    Location:
    Rocky Mountains
    We have a mobile app that needs to be submitted asap. We're using ionic framework on top of cordova. The apps main screen looks good on iphone 5 and 6, but does not scale properly to the ipad. or iphone 4. We are using a full page with no scrolling allowed. We need dynamic height scaling in html where padding won't overlap on smaller devices.

    Here is a basic design to summarize how our design is appearing on the iphone 5+6 and then on the Ipad

    mygoodness.jpg


    We need the image to be 58% screen height tall.

    In the image above you can see how the text boxes completely stretch out on the ipad.

    If anyone can offer us insights in anyway, it would help us out so damn much.

    Thanks for reading. Shoot me a pm.
     
  2. NitroCan

    NitroCan Jr. VIP Jr. VIP

    Joined:
    May 14, 2009
    Messages:
    1,064
    Likes Received:
    259
    Home Page:
    Hi Sean, please contact me via skype. Also sending you my skype details.
     
  3. asifameer

    asifameer Newbie

    Joined:
    Aug 9, 2015
    Messages:
    38
    Likes Received:
    5
    Gender:
    Male
    Shot me PM I can Do it
     
  4. MrBlue

    MrBlue Senior Member

    Joined:
    Dec 18, 2009
    Messages:
    974
    Likes Received:
    680
    Occupation:
    Web/Bot Developer
    Wow I'm very surprised Ionic doesn't address this for you right out of the box. This begs the question, are you using it correctly?

    Have you looked at it's responsive grid system? http://ionicframework.com/docs/components/#grid-responsive

    Furthermore, image responsiveness can be achieved simply using CSS
    Code:
    width: 100%;
    height: auto;