98 comments found

On Android (2.3) it seems that select element choices are cut off after 5 options. Any idea how to fix this or just turn off custom select styling? Otherwise, it’s been a great template to work with.

Default-user

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.

dreamwirenl

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…

Default-user

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.

Imm77 Purchased

Hi Dreamwirenl,

I will like to have a box (in a box grid) to be minimized by default on page load. Is there a setting to do that? Thanks in advance!

dreamwirenl

Hi Imm77,

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

Default-user
Imm77 Purchased

Thanks! Sorry i missed that..

Hi

I am considering purchasing this theme. Just two questions

1) Is it easy to remove the left pane for certain pages. Reason being some pages I have may not need it at all, but others might.

2) Any chance of 404 or basic error page designs to go with it?

3) Any chance of having boxes with buttons on the top right of it?

dreamwirenl

Hello M_josaih,

1. Yes that is doable… 2. I will see when i have some time free. 3. Yes, but you need a little tweak the CSS then.

Hi

I have purchased this template and just love it, I am using it for my web app now. I am no css expert hence purchasing the template, I have run into a problem where if I put more than one row of radiobuttons in a form all the radio buttons are screwed up and appear in a row.

I have tried it in Firefox and safari and get the same result.

What could be causing this, do you think?

dreamwirenl

Hi Netproject,

Do you have a online example for me? You can email my your link with the form on my profile page.

swapdude Purchased

Hi Dreamwirenl,

I had a request. I found that on all the datatables binfo is set to false. That means the person can get no info on table parameters or filter results. I tried to make it true but nothing happens. Anyway to enable it. It would be super helpful especially considering admin tables are full of data that need to be searched and filtered.

Thanks.

dreamwirenl

Hi Swapdude,

If you set “bInfo”: true, and place an i in the sDom like: “sDom”: ’<fi>t<pl>’ then it will show you the info.

Hope this helps you!

Kind Regards, Rory

Hi Rory,

This is a great theme and really makes my web application look great – many thanks for making it.

I have encountered a scenario and hope you can help. I want to have a table with labels down the left hand side and a checkbox on the right hand side, for example;

<div class="half"> <div class="box"> <div class="title">Checkbox Test</div> <div class="content"> <div class="row"> <label>Test</label> <div class="right"> <input type="checkbox" id="checkboxtest" /> </div> </div> </div> </div> </div>

Unfortunately this does not render the checkbox, so I have to add a label for the checkbox like this;

<div class="half"> <div class="box"> <div class="title">Checkbox Test</div> <div class="content"> <div class="row"> <label>Test</label> <div class="right"> <input type="checkbox" id="checkboxtest" /> <label for="checkboxtest">Test</label> </div> </div> </div> </div> </div>

Is there a way I can have the label left aligned and the checkbox right aligned on the table row?

Thanks!

dreamwirenl

Hi DavidRedmond,

You want the label text on the left and the checkbox on the right? Do then the follow in your css:

Change the padding from 0 0 0 23px to this:
.row .right .custom-checkbox label, 
.row .right .custom-radio label {
    padding : 0 23px 0 0;
}
And change the bottom to backgrounds to the right like this:
.row .right .custom-checkbox label.hover,
.row .right .custom-checkbox label.focus,
.row .right .custom-radio label.hover,
.row .right .custom-radio label.focus,
.row .right .custom-checkbox label, 
.row .right .custom-radio label {
    background-position : right bottom;
}

.row .right .custom-checkbox label.checked, 
.row .right .custom-radio label.checked,
.row .right .custom-checkbox label.checkedHover, 
.row .right .custom-checkbox label.checkedFocus {
    background-position : right top;
}

Hi Rory,

I’m using this template and it’s great – love it.

One thing that I’m having an issue with that I’m hoping you can help with:

I’ve noticed that the div that contains the modal dialog html has to be placed directly after the html that opens/triggers the modal. For example, this works:

<a href="#" class="modalopen">Open</a> <div class="content modal" title="Area"> Some text in dialog</div>

But this doesn’t:

<a href="#" class="modalopen">Open</a> <div>another div with some other html</div> <div class="content modal" title="Area"> Some text in dialog</div>

Any ideas? I’d like to be able to have the modal HTML placed anywhere on the page, and I’d also like to be able to call the same dialog from more than one link – is this possible too?

THANKS !!

dreamwirenl

Hi Provericon,

Sorry for the late respowns, but i am really busy…

I hope this will help you: http://jqueryui.com/demos/dialog/... To make one button open the same dailog then you must make a new function is costum.js for that dailog box.

If you dont manage it to get it work please send me a email (see my profile page) and i will look for a solution when i have some time!

frecinos Purchased

Hi, Great template, thank you, I’ve tried quite a few and this by far is the most complete and smooth looking. I am trying to get rid of the left pane, I’ve removed the div “left”, I’ve adjusted the “right” div, but for some reason a left pane background still shows. Do I need to make changes somewhere else?

Thanks

dreamwirenl

Hi Frecinos,

Can you send me an email? ( http://themeforest.net/user/dreamwirenl ) And i will explain how you can do that! :)

frecinos
frecinos Purchased

Emails sent. Thank you

rgiosa Purchased

Hi man!

I’m using this template… very nice!

DataTables Page Entries combo has a little bug. We need to click two times there…

How can i solve this?

Thx!

dreamwirenl

Hi Rgiosa,

What browser do you use? And do you have an online example? Because in the live version everything is working well…

You can email me at my profile with you online link :)

ventoshe Purchased

Hi, very nice and professional admin theme.

There is a little (but disturbing…) bug: - When you set selected option of a <select/> tag programatically, for example from another button click event, the option value does get selected but the TEXT don’t change in the <select/> tag. - BTW , if you do the same thing directly in $(document).ready (i.e. not from another control’s event), it works perfect and the text changes.

Can you please help with this? Thanks!

dreamwirenl

Hi Ventoshe,

Do you have a online example that i can see? You can send me a email on my profile page…

ventoshe Purchased

Hi,

I don’t have an online demo yet, I’m still in development. I’ve sent you an e-mail with a code sample to reproduce the bug.

Your assistance will be appreciated. Thanks!

dreamwirenl

You have the fix in your mailbox! ;)

ventoshe Purchased

That’s perfect :) Thanks!

Hello,

Why do the links in the subnav menus near the username (for example message box) don’t work??? I mean, the list slides down and up after clicking but it will never redirect to the link.

dreamwirenl

Hi Ccavesflores,

Those pages don’t exist… I only show you the option that you can make a dropdown menu there! :-)

zakyla Purchased

How do you customize the buttons on the wysiwyg editor?

Say I want to only have bold and italics?

This should work, but it doesn’t:

<script type="text/javascript" charset="utf-8"> //<![CDATA[ $(document).ready(function(){ $('#textarea-id').wysiwyg({autoGrow:true, controls:"bold,italic"}); }); //]]> </script> <textarea rows="" cols="" class="wysiwyg" id="textarea-id" style="height : 100px;"></textarea> <code /></code>
dreamwirenl

Hi Zakyla,

In the costum.js on line 396 you can change the controls:

$('.wysiwyg').wysiwyg({
        css: "css/wysiwyg-editor.css",
        controls: {
            bold: { visible : true },
            italic: { visible : true },
            strikeThrough: { visible: false },
            underline: { visible: false },

            justifyLeft: { visible: false },
            justifyCenter: { visible: false },
            justifyRight: { visible: false },
            justifyFull: { visible: false },

            indent: { visible: false },
            outdent: { visible: false },
            subscript: { visible: false },
            superscript: { visible: false },

            undo: { visible: false },
            redo: { visible: false },

            insertOrderedList: { visible: false },
            insertUnorderedList: { visible: false },
            insertHorizontalRule: { visible: false },

            createLink: { visible: false },
            insertImage: { visible: false },

            h1: { visible: false },
            h2: { visible: false },
            h3: { visible: false },

            paragraph: { visible: false },
            cut: { visible: false },
            copy: { visible: false },
            paste: { visible: false },

            html: { visible: false },
            code: { visible: false },
            insertTable: { visible: false },
            removeFormat: { visible: false }
        },
        plugins: {
            rmFormat: {
                rmMsWordMarkup: true
            }
        }
});

Hi dreamwirenl,

I know they don’t exist in the demo, but it won’t even go to #. I have purchased the theme and when I tried to use those links it didn’t redirect to the page, it only slides the menu back up and that’s it. Even in your example, it won’t put the # at the end of the URL after clicking as it normally would.

Thanks!

dreamwirenl

Hi,

I see it…

- open costum.js
- Go to line 74

And change the message box function (the whole function) into:
// MESSAGE BOX
$('#wrapper #container #top #labels ul li.subnav').hover(function() {
    $('#wrapper #container #top #labels ul ul').slideToggle(400);
    return false
});

Hi.

Great Theme!

There is a missing image file:

/gfx/tipsy.gif

404 (Not Found)

It’s also missing in your demo site:

http://www.dreamwire.nl/themes/Mustache/v1.2/Fixed/gfx/tipsy.gif

Regards,

dreamwirenl

I have uploaded a new version.

Thanks for notice!

Hi,

Template’s chart is only supporting number. how can I write text on that? in <th>Only integer here</th> If I write text there. it doesn’t show any output its for class="chart-bars" Please help ASAP .
dreamwirenl

I can not help you with this but we have spoken each other on Skype.

I am having difficulty removing the sidebar, the handles still show. please help.

dreamwirenl

Hi John,

- Delete de left id and all of the content.
- Delete buttons to hide the left side. ( that are the divs with the hide-btn class)
- Change the css of the right id into:

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

Love your Template! But i’m stuck in customizing the forms. I try to set 3 or 4 Input-Fields next to each other, but i don’t get it.

I tried something like .row .right input.small { width: 65px; float: left; }

But this will break the Design. Could you please give me a hint how to have columns in the Form? Thank you!

Greets Sven

dreamwirenl
The css:
.row .right input.small {
    width : 100px;
}
the HTML :
<div class="row">
    <label>Normal input</label>
    <div class="right">
        <input type="text" class="small" value="" />
        <input type="text" class="small" value="" />
        <input type="text" class="small" value="" />
    </div>
</div>

You dont need the float thing :)

Default-user

Oh man, that was easy ;) Thank you!

anyyna Purchased

please would you send it became clear need to edit for “jquery.validate.min.js”

by
by
by
by
by
by