set size of an input/textbox kendo mobile

5 posts, 2 answers
  1. Espen Moen Kvelland
    Espen Moen Kvelland avatar
    11 posts
    Member since:
    Jun 2009

    Posted 04 Nov 2013 Link to this post

    Hello, 

    I have a page that looks like the one attached. The textbox here looks very small compared to the rest of the page, is there an easy way to make this look a bit better. I mean by making the textbox bigger and the font inside also, thanks
  2. Answer
    Jan-Dirk
    Jan-Dirk avatar
    327 posts
    Member since:
    Jun 2012

    Posted 05 Nov 2013 Link to this post

    Html code:
    <input type="text" class="textboxclass" />


    Your CSS code:
    .textboxclass {
        height: 15px;
        width: 80px;
    }
  3. Answer
    Craig
    Craig avatar
    43 posts
    Member since:
    Aug 2013

    Posted 05 Nov 2013 Link to this post

    First of all I am about to tackle this same issue. Why the following helps I have noticed in the emulator it works great it doesnt produce the same results on my actual phone (HTC One). I will post another reply if I figure out a good answer.

    .textboxclass {
        width: 80px;
        padding: 4px;
        font-size: 1.5em;
    }
  4. Espen Moen Kvelland
    Espen Moen Kvelland avatar
    11 posts
    Member since:
    Jun 2009

    Posted 06 Nov 2013 Link to this post

    Thanks. This looks ok on both emulator and my Samsung S4. Will check on other phones off course also. Please keep the thread updatet if you find another way that makes this look good on you HTC one
  5. Craig
    Craig avatar
    43 posts
    Member since:
    Aug 2013

    Posted 06 Nov 2013 Link to this post

    Clarifying statement: I only had issues with "dropdowns" appearing in the emulator as nicely padded but on my phone padding was ignored so try styling a dropdown and let me know if it works for you.
Back to Top