Discussion on It's Brain - Responsive Bootstrap 3 Admin Template

Discussion on It's Brain - Responsive Bootstrap 3 Admin Template

By
Cart 2,822 sales
Well Documented

Kopyov does not currently provide support for this item.

653 comments found.

Hi Author,

I want to use selectboxes in wizard, I fill selectboxes from jquery ajax there is no problem with filling, but when you change the state of select box i can not take the selected value.

such as,

$(’#selectbox’).live(‘change’, function (e) { var someID = $(’#selectbox :checked’).val(); alert(someID); });

someID didnt return nothing, can you help ?

Theme will be updated within a week, i will replace jqtransform plugin with another one, because it is suitable for usual websites, but for specific options of backend systems it works with bugs. Sorry for that, my bad, didn’t predict these options.

Hi

In a form i have put a select. so far so good :) then via a javascript function i am adding one more “option” to it using: $('#selectModel').append($('<option></option>').val(ok).html(message));

And it does not work :( It is working when i am putting the select out of the form. Do you know why ?

thank you for your help.

Thanks for quick reply Eugene,

2,3. If I understand correctly, the latest orders; latest support tickets; website statistics widgets aren’t widgets at all that perform a task but simply content panels like the others in the template? Sorry for questions I just wanted to see if these were something extra that would help me display database data easy.

Kind regards

Gary

It’s just a block with HTML code which can be used as a dynamic widget. For example you can write an additional script (depending on your needs) or connect numbers and/or any data to your database, this widget will display for example number of yesterday’s purchases with updating at 0:00 GMT . So for this purpose you will have already designed and coded widget ;)

Hi there, template looks great well done on that.

I hope to use this for a CRM system for our staff, wonder if you could answer a few pre-sales questions if you get time, I have no experience with CMS systems?

1 – As the template is html I guess it would work fine with either SQL /MySQL database & asp/php easily enough?

2 – What are the latest orders; latest support tickets; website statistics widgets, do they feed data through to the panels and total records as the demo?

3- How do you get the ‘count’ on messages, new user reg etc etc, is this include or just static demo data you placed in?

4 – Are the panels on dashboard fluid, could I for example place input forms, display tables etc? When I say panels I mean the boxes with headers like ‘latest orders’

Is it possible I could attach your template to my backed DB and have the charts/tables/calendars display data/queries from my tables? If I had to plot the charts manually could take forever?

Finally does the template ship with the demo site layout to quickly build the site?

Kind regards Gary

Hi there.

1. Yes, it will work with any database, you just need to integrate this theme to your backend

2, 3. It’s a static data, you can do whatever you want with them – add dynamic data, connect to database etc.

4. There are 2 versions – fluid and fixed. These panels have no any fixed sizes, their size is depending on parent block size

5. For charts you can use any data, connect to your database, even to take the data from text files, it’s up to you, charts are flexible.

Eugene

Was wondering whether you have already written some function or jquery thing for making use of REST API calls in the theme. I checked on the documentation given in the download, couldn’t really find it; though “wizard” looks close to it. Could you please let me know on the same

Sorry, didn’t get your question :(

I tried to do that.. besides, that code is already declared on the main page

I did something like this, to add a table with a form to a div with the id “container”:
    var table1=document.createElement("table");

    table1.id=Number(new Date());
    table1.border=1;

    var tmpRow = null;
    var tmpCell = null;

    //-------- Row 2 ----------------------
    //Inserir uma row (<tr>)
    tmpRow=table1.insertRow();
    //Inserir uma coluna (<td>)
    tmpCell=tmpRow.insertCell();

    //Construir o seguinte
            /*<!-- Input text fields -->
            <fieldset>
                <div class="widget first">
                    <div class="head"><h5 class="iList">Text fields</h5></div>*/
    var elem_fieldset0 = document.createElement("fieldset");
    tmpCell.appendChild(elem_fieldset0);
    var elem_div0 = document.createElement("div");
    elem_div0.className = "widget first" 
    elem_fieldset0.appendChild(elem_div0);
    var elem_div1 = document.createElement("div");
    elem_div1.className = "head" 
    elem_div0.appendChild(elem_div1);
    var elem_h5_1 = document.createElement("h5");
    elem_h5_1.className = "iList" 
    elem_h5_1.innerHTML = "Text fields" 
    elem_div1.appendChild(elem_h5_1);

    // Construir o seguinte:
    // <div class="rowElem nobg"><label>Nome:</label><div class="formRight"><input name="inputtext" type="text" /></div><div class="fix"></div></div>
    // UM BLOCO COM UM CAMPO !

    var camposForm             = new Array(8);
    var add_initialClass    = " nobg";
    for (i = 0; i < camposForm.length; ++ i)
        camposForm [i]     = new Array(5);

    // atributos dos campos a criar: Label; id; class; type; tooltip; value
    camposForm [0] [0] = "Nome";             camposForm [0] [1] = "nome";         camposForm [0] [2] = "rightDir";     camposForm [0] [3] = "text";     camposForm [0] [4] = "Nome do Associado";             camposForm [0] [5] = "";
    camposForm [1] [0] = "Morada";             camposForm [1] [1] = "morada";         camposForm [1] [2] = "rightDir";     camposForm [1] [3] = "text";     camposForm [1] [4] = "Morada do Associado";         camposForm [1] [5] = "";
    camposForm [2] [0] = "Localidade";        camposForm [2] [1] = "local";         camposForm [2] [2] = "rightDir";     camposForm [2] [3] = "text";     camposForm [2] [4] = "Localidade do Associado";        camposForm [2] [5] = "";
    camposForm [3] [0] = "Código Postal";    camposForm [3] [1] = "codpost";        camposForm [3] [2] = "rightDir";     camposForm [3] [3] = "text";     camposForm [3] [4] = "Código Postal do Associado";    camposForm [3] [5] = "";
    camposForm [4] [0] = "Email";            camposForm [4] [1] = "email";        camposForm [4] [2] = "rightDir";     camposForm [4] [3] = "text";     camposForm [4] [4] = "Email do Associado";            camposForm [4] [5] = "";
    camposForm [5] [0] = "Telefone";        camposForm [5] [1] = "telefone";    camposForm [5] [2] = "rightDir";     camposForm [5] [3] = "text";     camposForm [5] [4] = "Telefone do Associado";        camposForm [5] [5] = "";
    camposForm [6] [0] = "Telemóvel";        camposForm [6] [1] = "telemovel";    camposForm [6] [2] = "rightDir";     camposForm [6] [3] = "text";     camposForm [6] [4] = "Telemóvel do Associado";        camposForm [6] [5] = "";
    camposForm [7] [0] = "Telemóvel";        camposForm [7] [1] = "telemovel";    camposForm [7] [2] = "rightDir";     camposForm [7] [3] = "text";     camposForm [7] [4] = "Telemóvel do Associado";        camposForm [7] [5] = "";

    // Construir formulário
    for (i = 0; i < camposForm.length; ++ i) {
        //Div inicial
        var elem_div2             = document.createElement("div");
        elem_div2.className     = "rowElem"+add_initialClass;
        elem_div0.appendChild(elem_div2);
        //Label
        var elem_lb0             = document.createElement("label");
        elem_lb0.innerHTML         = unescape(escape(camposForm[i][0]));
        elem_div2.appendChild(elem_lb0);
        //Próxima div
        var elem_div3             = document.createElement("div");
        elem_div3.className     = "formRight";
        elem_div2.appendChild(elem_div3);
        //Input box;
        var elem_input0         = document.createElement("input");
        elem_input0.id             = camposForm [i] [1];
        elem_input0.name         = camposForm [i] [1];
        elem_input0.className     = camposForm [i] [2];
        elem_input0.type         = camposForm [i] [3];
        elem_input0.title         = camposForm [i] [4];
        elem_input0.value         = camposForm [i] [5];
        elem_input0.readOnly     = false;
        elem_div3.appendChild(elem_input0);
        //Adicionar div fix
        var elem_div4 = document.createElement("div");
        elem_div4.className = "fix" 
        elem_div2.appendChild(elem_div4);

        add_initialClass    = "";
    }

    $('.leftDir').tipsy({fade: true, gravity: 'e'});
    $('.rightDir').livequery(tipsy({fade: true, gravity: 'w'}));
    $('.topDir').tipsy({fade: true, gravity: 's'});
    $('.botDir').tipsy({fade: true, gravity: 'n'});

    document.getElementById("container").innerHTML = "";
    document.getElementById("container").appendChild(table1);
</div></fieldset></td></tr>

But the tooltip doesn’t work.. i tried to use the function live and livequery to force the jquery to add this events to the recently created objects, but it always gave me error.. :stress:

Maybe is not possible..

Hi Kopyov, this is the best admin theme I ever used.

I’ve done a great job with the theme but I have a problem using jqTransform in combination with PrettyPhoto.

Im trying to put a form in a modal window but the selects doesnt’ work.

If you need I can give you a private access to the application to see what’s happen.

Thanks.

Hi there. Thanks!

Sure, send me an access via profile page, i’ll check it ;)

It’s not a PrettyPhoto problem but only a jqTransform problem. I can replicate the error with Jquery UI modal dialog.

So I’ll wait for the new version without jqTransform .

Thanks.

Hi

Has anyone else had any issues using jquery ui sortable? If I remove spinner/ui.spinner.js the error goes away but would like it if I didn’t have to remove it.

Check ui.spinner js file, it contains some changed jquery ui code. And i didn’t use ui sortable in my theme so actually i don’t understand your issue. What error exactly?

No i mean i want to validate a form within a step (not the whole wizard steps). And i would like to use the functionalities of class=”validate[required]”

When you are validating a form with a button it will display a message next to the field. I would like to do the same but within a step wizard. So do you know if it can be done ?

thank you

As i see it works only when you click on SUBMIT button for the form, but the wizard plugin uses simple link tag to move you to another step, that’s why it doesn’t work. I guess for your needs will fit this plugin

Hi i have put a form into a smart wizard step

Validation
Usual required field: How can validate this form from a javascript function as if i was clicking a button like

i have tried : document.getElementById(“valid”).submit();

but this is not working. Can you help me ?

thank you

You mean to validate the whole form on submit on the last step or each step?

Please check plugin documentation, there is a solution for validation

self-solved …

adding

multiple="multiple" 
to the prevents from styling

problem:

want to populate some in a select box. the plugin jqtransform converts my into the jqtransfom-style.

i want a special named or classed prevent from transforming.

my should look like normal.

how can i solve this problem?

By the way,

Congratulations on your amazing work :)

Hi there,

I sent this question to your facebook account before i realized the existence of this mini forum, i’m sorry.

So can you help how to use some behaviors “manually”?

For example i was trying to build a form directly with javascript with DOM events (creating the objects) but that way i loose some functionalitys like the the cool tooltip :) .. so i needed to know how to call this function in the mouse over event..

Is it possible?

By the way, Congratulations on your amazing work :)

Hi there. Thanks ;)

Tooltip works through adding one of these classes:

$('.leftDir').tipsy({fade: true, gravity: 'e'});
$('.rightDir').tipsy({fade: true, gravity: 'w'});
$('.topDir').tipsy({fade: true, gravity: 's'});
$('.botDir').tipsy({fade: true, gravity: 'n'});

and title, this title is a tooltip text, it should work in this way

If you are using the placeholder attribute on forum inputs for some reason if i just click submit it posts the placeholder text which is really irritating if you have server side validation aswell. so the JavaScript below fixes this error. just thought ii would share it.
$('[placeholder]').parents('form').submit(function() {
            $(this).find('[placeholder]').each(function() {
                var input = $(this);
                if (input.val() == input.attr('placeholder')) {
                input.val('');
                }
            })
        });

Hi there. Thanks for sharing! I’ll check it ;)

You might want to know this guy is using a lot of your same code… http://themeforest.net/item/light-life-admin-panel/1291899

Thanks, problem solved ;)

medianetx, this works…

$(document).ready(function () { window.alert(‘HI’); });

I downloaded this theme today. Very good work!

But I have trouble with jquery in this theme. I must do someting on dom-ready with jquery. I put a few lines in my source and can see, that this jquery code

$(function() { ... });

does not run. I tested it with a simple

window.alert('hi there');

and it does not alerts.

With Firebug I can see, following error:

SCRIPT5022: Invalid dimensions for plot, width = null, height = null
jquery.flot.js, Zeile 711 Zeichen 17
Seems, that this error breaks all DOM -READYs … you can try this out, by adding $(function() {window.alert('HI');}); just bevor the footer in the demo-files. :(

Any ideas?

Can you make a version for a simple CMS ? I want to use this template as template for my website, not only admin but just whole site.

Sorry, haven’t planned it. But i think you can convert it by yourself, depending on your needs

TO islandtalker

Thank you , I see.

you help me so much

I never learn JQUERY …so it’s difficult for me. lol

just know asp.net asp and php

for now, i think i should learn JQUERY .

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey