Hi Imm77,

See http://www.dreamwire.nl/themes/Mustache/v1.2/Fixed/uielements.html under the dialog and tooltips boxes…

Thanks! Sorry i missed that..

It seems the select styling is bound to the validation. It’s not easy to just disable the select styling without losing select validation. I’m not sure why those two function were bound together. I’m finding more and more issues with the way JavaScripts were bound to each other in this theme. It makes it very difficult to disable one feature without breaking 20 others.

Hi,

If you want to delete the styling on selectboxes do the follow:

delete this (line 359 in costum.js):

// SELECTBOXES
$(function() {
    $('.dataTables_length input, select').not("select.multiple").selectmenu({
        style: 'dropdown',
        transferClasses: true,
        width: null,
        change: function() {
            $(".valid").validate().element(this);
        }
    });
});

And change this function:

// FORM VALIDATION
$.validator.addMethod('require-one', function(value) {
    return $('.require-one:checked').size() > 0;
}, 'Please, check at least one box.');

var checkboxes = $('.right .require-one');
var checkbox_names = $.map(checkboxes, function(e, i) {
    return $(e).attr("name")
}).join(" ");

$('.valid').each( function(){
    $(this).validate({
        meta: "validate",
        ignore: [],
        groups: {
            checks: checkbox_names
        },
        errorPlacement: function(error, element) {
            if (element.attr("type") == "checkbox") error.insertAfter(element.parent().siblings().last());
            else if (element.is("select")) {
                error.insertAfter(element.next("a.ui-selectmenu"))
            }
            else error.insertAfter(element);
        }
    });
});

into this:

// FORM VALIDATION
$.validator.addMethod('require-one', function(value) {
    return $('.require-one:checked').size() > 0;
}, 'Please, check at least one box.');

var checkboxes = $('.right .require-one');
var checkbox_names = $.map(checkboxes, function(e, i) {
    return $(e).attr("name")
}).join(" ");

$('.valid').each( function(){
    $(this).validate({
        meta: "validate",
        ignore: [],
        groups: {
            checks: checkbox_names
        },
        errorPlacement: function(error, element) {
            if (element.attr("type") == "checkbox") error.insertAfter(element.parent().siblings().last());
            else error.insertAfter(element);
        }
    });
});

And the validation plugin is still working…

I really appreciate you’re quick reply, I figured that out last night I couldn’t see why the validation wasn’t working, but it was just that the script was trying to print the error after the wrong element once the styling was removed. Thanks again for your time.

Hi Hans,

Can you send me an email (see my profile) with a example of your problems?

For the focus on radios and checkboxes add this to your forms.css:

.row .right .custom-checkbox label.focus, 
.row .right .custom-radio label.focus {
    outline: 1px dotted #ccc;
}

I have answered your email you have sent….

Hi RuiGames,

Just add the class to the link:

<a href="#" class="modalopen">Open the dialog</a>

Just tried that but the modal windows don’t disappear. This is within a table. The code is:

echo ‘Open the dialog’; echo ‘ The download link is: http://www.chiefupload.com/download/'.$file['filename'].' ’;

Hi Reewa,

In the forms-btn.css and forms.css you can delete the outline : none line of the buttons, inputfield etc and then you have your focus back.

Hi RuiGomes,

If you have deleted the div with the left id and all the content inside it then you must change the css from the rightside:

This is the normal right side css:

#wrapper #container #right {
    display : block;
    position : relative;
    background : #FFFFFF;
    margin : 0 0 0 250px;
    padding : 0 0 61px;
}

Now change it to this:

#wrapper #container #right {
    display : block;
    position : relative;
    background : #FFFFFF;
    padding : 0 0 61px 20px;
}

Kind Regards, Rory

Hi Swapdude,

The update is almost ready to sumbit (some hours) and then this is possible! So i hope you can wait for a moment.

Kinds Regards, Rory

Hi Swapdude,

Thank you and here is the anwser:

Put a class ‘multiple’ on it:

<select multiple="multiple" size="5" class="multiple">
    <option value="">Option number 1</option>
    <option value="">Option number 2</option>
    <option selected="selected" value="">Option number 3</option>
    <option value="">Option number 4</option>
    <option value="">Option number 5</option>
    <option selected="selected" value="">Option number 6</option>
    <option value="">Option number 7</option>
    <option value="">Option number 8</option>
    <option value="">Option number 9</option>
    <option value="">Option number 10</option>
</select>

Hi BlueDevil85,

I have answered the email you have send.

Yes, thanks for your Support. The Thema and your Support are really great. I love how clean and structured even your folders are …

Hi Imm77,

See the style.css

Kind Regards, Rory

Hi Reewa,

What do you mean?

Hi Asela123,

With the input you can change the error text with the class:

<input type="text" value="" name="name" class="{validate:{required:true, messages:{required:'Please enter your name'}}}">

Change the Please enter your name in the text you want

In the costum.js on line 273 there you find the fuction of the plugin. And jquery.validate.min.js is the plugin it self for the inline validation.

I hope this helps you?

Kind Regards,
Rory

Hi Asela123,

You want something like this? http://jsfiddle.net/TW8F4/2/

This function is not build in the template so then you must for now build it in by yourself.

But you can also use the form validation on the form page… It’s not the same but then you have inline form validation…

Kind Regards, Rory

Hi Catune,

Oke good, i will look for that problem to! And will fix it in the next update.

Hi nokproduction,

I found a solution:

- Open the JS file costum.js and scroll to line 273
- change the Form validation function into:

// FORM VALIDATION
$.validator.addMethod('require-one', function(value) {
    return $('.require-one:checked').size() > 0;
}, 'Please, check at least one box.');

var checkboxes = $('.right .require-one');
var checkbox_names = $.map(checkboxes, function(e, i) {
    return $(e).attr("name")
}).join(" ");

$(".valid").validate({
    meta: "validate",
    groups: {
        checks: checkbox_names
    },
    errorPlacement: function(error, element) {
        if (element.attr("type") == "checkbox") error.insertAfter(element.parent().siblings().last());
        else error.insertAfter(element);
    }
});

- On your checkboxes add this: class=”require-one” so it would look like this:

<input type="checkbox" name="family" value="" id="six-check" class="require-one" />
<label for="six-check">Option 04</label>

Thanks for your reply, but i need select box validation, type is select.

I am busy on that one to… it will be in the next update!

The update is comming but i am very busy at the moment, sorry.