Results 1 to 5 of 5
  1. #1
    Join Date
    Jan 2011
    Posts
    26
    Plugin Contributions
    0

    Default size of input fields

    How can I change the size of input fields like telephone number, etc?

    I found the files tpl_modules_create_account.php and tpl_modules_no_account.php in includes/templates/my_template/templates

    Code for one of the input fields:

    Code:
    <label class="inputLabel" for="postcode"><?php echo ENTRY_POST_CODE; ?></label>
    <?php echo zen_draw_input_field('postcode', '', zen_set_field_length(TABLE_ADDRESS_BOOK, 'entry_postcode', '40') . ' id="postcode"') . (zen_not_null(ENTRY_POST_CODE_TEXT) ? '<span class="alert">' . ENTRY_POST_CODE_TEXT . '</span>': ''); ?>
    <br class="clearBoth" />
    It seems like there is a size of 40 (each of the input labels have that), a maximum size I was told. The result is that many fields have different sizes and I would like them to have a uniform size, because I think it looks nicer. I just cannot figure out how to do that. Please help.

  2. #2
    Join Date
    Feb 2010
    Location
    Syracuse, NY
    Posts
    2,159
    Plugin Contributions
    17

    Default Re: size of input fields

    you have to change your database table

    zen_address_book

    entry_postcode

    change the varchar Length/Values

  3. #3
    Join Date
    Dec 2006
    Location
    Seligman, MO U.S.A.
    Posts
    2,101
    Plugin Contributions
    5

    Default Re: size of input fields

    You can make them all the same size with css, also. Throw this in your stylesheet and enjoy a nice, uniform 150px width:

    Code:
    input#company {width: 150px;  }
    input#firstname {width: 150px; }
    input#lastname {width: 150px; }
    input#street-address {width: 150px;}
    input#suburb {width: 150px;}
    input#city {width: 150px; }
    input#state {width: 150px; margin-right: -3px;}
    input#postcode {width: 150px;}
    select#country {width: 155px; margin-right: -2px;}
    input#telephone {width: 150px;}
    input#fax {width: 150px;}
    input#dob {width: 150px;}
    input#email-address {width: 150px;}
    input#password-new {width: 150px;}
    input#postcode {width: 150px;}
    input#password-confirm {width: 150px}
    Hope this helps.
    Teach them to shop and they will shop today;
    Teach them to Zen and they will OWN a shop tomorrow!

  4. #4
    Join Date
    Jan 2011
    Posts
    26
    Plugin Contributions
    0

    Default Re: size of input fields

    Thanks! The CSS solution works indeed. I also had to edit no_account.css (beacause of fast and easy checkout), but that was easy to figure out once you told me where to look.


  5. #5
    Join Date
    Dec 2006
    Location
    Seligman, MO U.S.A.
    Posts
    2,101
    Plugin Contributions
    5

    Default Re: size of input fields

    Quote Originally Posted by luciano9876 View Post
    Thanks! The CSS solution works indeed. I also had to edit no_account.css (beacause of fast and easy checkout), but that was easy to figure out once you told me where to look.


    Not a problem. Glad to help.
    Teach them to shop and they will shop today;
    Teach them to Zen and they will OWN a shop tomorrow!

 

 

Similar Threads

  1. Size of input fields on tpl_module_create_account.php
    By Gomlers in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 11 Sep 2010, 12:51 PM
  2. Resize Login input fields
    By thornhillguy in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 23 Oct 2009, 02:41 AM
  3. alignment of login input fields
    By haostaff in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 26 Jan 2008, 02:37 PM
  4. Custom/Edit Input Fields
    By brotherhud in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 20 Oct 2006, 03:58 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR