Results 1 to 10 of 10

Thread: Create 3 column checkbox list in the Add New ads form

  1. #1
    Thread Starter
    masrmotors's Avatar
    Join Date
    Aug 2012
    Location
    Egypt
    Posts
    8
    Thanks
    5
    Thanked 3 Times in 1 Post

    Thumbs up Create 3 column checkbox list in the Add New ads form

    this is how to customize checkboxs lists on the add new form

    You will need to edit two files

    (1) >>>/includes/forms/step-functions.php
    (2) >>> /style.css

    #1st Step:

    edit the css file for the theme and add those lines

    Code:
    .threecolz
    {
    -moz-column-count:3; /* Firefox */
    -webkit-column-count:3; /* Safari and Chrome */
    column-count:3;
    }
    #2nd Step

    then open (>>>/wp-content/themes/carzshopblue/includes/forms/step-functions.php)

    find the code

    PHP Code:
    <ol class="checkboxes">

    <?php
    foreach ( $options as $option ) {
    ?>

    <li>
    <input type="checkbox" name="<?php echo esc_attr($result->field_name); ?>[]" id="<?php echo esc_attr($result->field_name); echo '_'.$optionCursor++; ?>" value="<?php echo esc_attr($option); ?>" class="checkboxlist <?php if ($result->field_req) echo 'required'?>" >&nbsp;&nbsp;&nbsp;<?php echo trim(esc_attr($option)); ?>
    </li> <!-- #checkbox -->
    <?php
    }
    ?>
    </ol> <!-- #checkbox-wrap -->
    change it to

    PHP Code:
    <div class="threecolz">
    <ol class="checkboxes">

    <?php
    foreach ( $options as $option ) {
    ?>

    <li>
    <input type="checkbox" name="<?php echo esc_attr($result->field_name); ?>[]" id="<?php echo esc_attr($result->field_name); echo '_'.$optionCursor++; ?>" value="<?php echo esc_attr($option); ?>" class="checkboxlist <?php if ($result->field_req) echo 'required'?>" >&nbsp;&nbsp;&nbsp;<?php echo trim(esc_attr($option)); ?>
    </li> <!-- #checkbox -->
    <?php
    }
    ?>


    </ol> <!-- #checkbox-wrap -->
    </div>
    save the two files and enjoy >>>
    Attached Images Attached Images

  2. The Following 3 Users Say Thank You to masrmotors For This Useful Post:

    paulogoode (December 19th, 2012), samcy (September 6th, 2012), weiching (September 7th, 2012)

  3. #2
    ngetikcom's Avatar
    Join Date
    Jul 2012
    Location
    Indonesia
    Posts
    24
    Thanks
    4
    Thanked 1 Time in 1 Post
    You must be an AppThemes customer and logged in to view this response. Join today!

  4. The Following User Says Thank You to ngetikcom For This Useful Post:

    masrmotors (September 6th, 2012)

  5. #3
    Thread Starter
    masrmotors's Avatar
    Join Date
    Aug 2012
    Location
    Egypt
    Posts
    8
    Thanks
    5
    Thanked 3 Times in 1 Post
    You must be an AppThemes customer and logged in to view this response. Join today!
    Attached Images Attached Images

  6. #4
    ngetikcom's Avatar
    Join Date
    Jul 2012
    Location
    Indonesia
    Posts
    24
    Thanks
    4
    Thanked 1 Time in 1 Post
    You must be an AppThemes customer and logged in to view this response. Join today!

  7. #5
    samcy's Avatar
    Join Date
    Mar 2012
    Location
    Germany
    Posts
    12,098
    Thanks
    121
    Thanked 1,756 Times in 1,442 Posts
    You must be an AppThemes customer and logged in to view this response. Join today!
    Rolf Hassel (Samcy)

  8. #6
    Thread Starter
    masrmotors's Avatar
    Join Date
    Aug 2012
    Location
    Egypt
    Posts
    8
    Thanks
    5
    Thanked 3 Times in 1 Post
    You must be an AppThemes customer and logged in to view this response. Join today!

  9. #7
    Thread Starter
    masrmotors's Avatar
    Join Date
    Aug 2012
    Location
    Egypt
    Posts
    8
    Thanks
    5
    Thanked 3 Times in 1 Post
    You must be an AppThemes customer and logged in to view this response. Join today!

  10. #8
    Veteran weiching's Avatar
    Join Date
    Apr 2011
    Posts
    505
    Thanks
    85
    Thanked 43 Times in 38 Posts
    You must be an AppThemes customer and logged in to view this response. Join today!

  11. The Following User Says Thank You to weiching For This Useful Post:

    masrmotors (September 9th, 2012)

  12. #9
    Thread Starter
    masrmotors's Avatar
    Join Date
    Aug 2012
    Location
    Egypt
    Posts
    8
    Thanks
    5
    Thanked 3 Times in 1 Post

    CSS3 Multiple Columns

    You must be an AppThemes customer and logged in to view this response. Join today!

  13. #10
    paulogoode's Avatar
    Join Date
    Oct 2012
    Location
    Ireland
    Posts
    37
    Thanks
    30
    Thanked 8 Times in 6 Posts
    You must be an AppThemes customer and logged in to view this response. Join today!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. using Dropdown menus (instead of Checkbox list) in Refine Results box
    By almightyeric in forum ClassiPress General Discussion
    Replies: 5
    Last Post: January 13th, 2014, 05:48 PM
  2. How to create 3 column checkbox list?
    By ngetikcom in forum ClassiPress General Discussion
    Replies: 3
    Last Post: September 6th, 2012, 03:08 AM
  3. Adding checkbox to sidebar contact form for newsletter subscription
    By epijunky in forum ClassiPress General Discussion
    Replies: 3
    Last Post: January 28th, 2012, 11:15 PM
  4. Replies: 2
    Last Post: March 9th, 2011, 12:56 AM