Skate Dashboard / Admin Control Template

Hi,

Make sure you use unique name attribute for each element. Checkbox value will only be sent when set to “on”.

<form autocomplete="off">
    <p>
        <span class="checkbox tropical">
            <input type="checkbox" checked="checked" name="check1"/>
        </span>
    </p>
    <p>
        <span class="custom_checkbox checkbox_1 blue">
            <input type="checkbox" checked="checked" name="check2"/>
        </span>
    </p>
    <p>
        <select id="select" name="select1">
            <option value="AL">Alabama</option>
            <option value="AK">Alaska</option>
            <option value="AZ">Arizona</option>
            <option value="AR">Arkansas</option>
            <option value="CA" >California</option>
        </select>
    </p>
    <p>
        <select id="select_2" multiple="multiple" name="select2">
            <option value="AL">Alabama</option>
            <option value="AK">Alaska</option>
            <option value="AZ">Arizona</option>
            <option value="AR">Arkansas</option>
            <option value="CA" selected="selected">California</option>
        </select>
    </p>
    <p>
        <input type="submit" value="Submit">
    </p>
</form>

Thank you for replying me that fast, indeed that was the problem. I am facing right now an other problem with the checkbox when I use the tabs, if a checkbox is on the first one it’s ok, but if I put one in a seconday tab then there is a problem with the display. Also, is there any way to catch the event when a checkbox status is changed? I tried with the jquery function ”.change()” but no result, could you please help me with that too

Thank you!!

Hi again,
No problem

If you use checkbox with custom labels, don’t forget to put initialization script for this, also if label is too big you need set up width with CSS . So, about checkbox status, I really don’t know how to do that.

<style type="text/css">
    .checkbox_7 .checkbox_container {
        width: 180px!important;
    }
</style>
<p>
    <span class="custom_checkbox checkbox_7 orange">
        <input type="checkbox" checked="checked"/>
    </span>
</p>

Hello, It’s a security feature for masking the original path, just use the following code:

Thanks for finding this, I will update theme as soon as possible

<form id="awesome_form_3" autocomplete="off">
<div class="container">
    <div class="box">
        <div class="head">
            <h2>
                <span class="icon ws">R</span>
                <span class="title">Box Section 1</span>
            </h2>
        </div>
        <div class="content">
                <div class="content_left">
                    <p>
                        Content Left
                    </p>
                    <p>
                        <input id="first_name" type="text" placeholder="First Name">
                    </p>
                    <p>
                        <input id="last_name" type="text" placeholder="Last Name">
                    </p>
                </div>
                <div class="content_right">
                    <p>
                        <input id="tags" class="tags" value="Foo,Bar,Baz,Tag,Tag2,Tag3,ActionScript,Mac,iPad,Java,Php,Program,Scripting,Ruby,Action!,JavaScript,Python,Perl,Shell,Delphi,System,Language,Application,ios,Xcode" />
                    </p>
                    <p>
                        Content Right
                    </p>
                </div>

        </div>
    </div>
</div>

<div class="container">
    <div class="box">
        <div class="head">
            <h2>
                <span class="icon ws">R</span>
                <span class="title">Box Section 2</span>
            </h2>
        </div>
        <div class="content">
                    <p>
                        <input id="example text" type="text" placeholder="First Name">
                    </p>

                    <p>
                        <input class="red" type="submit" value="Submit">
                    </p>
        </div>
    </div>
</div>

</form>

If you would like to use it in a single container, look at this example:

<div class="container">
    <div class="box">
        <div class="head">
            <h2>
                <span class="icon ws">R</span>
                <span class="title">Sample Box</span>
            </h2>
        </div>
        <div class="content">
            <p>
                Content Here
            </p>
        </div>
        <div class="content">
            <div class="content_left">
                <p>
                    Content Left
                </p>
            </div>
            <div class="content_right">
                <p>
                    Content Right
                </p>
            </div>
        </div>
    </div>
</div>