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.

3. In both of FireFox 10 & IE9 . In Google Chroma all is ok.

I haven’t even tested it in FF10 . Will check it in IE9 , thanks for info ;)

1. Why you use the oldest jQuery 1.4.4?

2. In the last theme version ‘Select with scrolling’ doesn’t look correctly

Compare it:

v1.3 http://www.rumagnate.com/images/themeforest/select_w_scrolling_v1.3.png

v1.5 http://www.rumagnate.com/images/themeforest/select_w_scrolling_v1.5.png

3. Also please check TimePicker http://www.rumagnate.com/images/themeforest/time_picker.png

1. Sorry, but why not? :) Basically i used this version for my previous themes, don’t worry, will migrate to the latest one in the next update.

2. I know, i replaced that plugin which was in previous versions, it was with several serious bugs. In 1.5 version you see a dropdown which works with a new plugin

3. Please specify your browser, because i don’t see this issue

One more question. Would you add grids in your theme such here – http://960.gs/

Haven’t planned it yet, but will try to add a bit later

Rails’s assets precompiler catched for me in css/main.css, in Checker and Radio uniform styles the incorrect alpha(opacity..) notation.. There was alpha(opacity:..), should be alpha(opacity=..)

Thanks for update any way – it’s what I’ve needed :)

Thanks for tips ;)

I did the update. I just needed to change the JS folder. Is it wrong? My other question is because my jquery is only worked if I did not put in the $ (document). Ready (function () {});

You don’t need to change the whole folder, only 1 file to add (uniform), 2 to replace (datatables and forms.js) and edit 1 line of code in custom.js, that’s it

and because my jquery is only worked if I did not put in the $ (document). Ready (function () {});

Check your code once again, in custom.js, i believe you missed some symbol, because it should work in this way ;)

Looks like I cant edit my above ‘tips’, but if you dont want to reset hidden fields or buttons, use this instead

//reset all inputs $(’:input’,’#yourformID’) .not(’:button, :submit, :reset, :hidden’) .val(’’) .removeAttr(‘checked’) .removeAttr(‘selected’);

Thanks for your tips! If you don\t mind, i will include them into Tips and tricks in documentation ;)

Sure. I will admit that I havent fully tested the //reset all inputs part. But as far as I can tell, having to un-stylize the elements is necessary.

On another note, did I read somewhere that you are setting up your own website that will have a forum for this? Seems like its a bit of a pain trying to offer support via comments :)

Ahh, i will do it asap, didn’t have enough time for it ;)

Thanks!

Here are some tips for the new uniform plugin

===== Reset Form ===== As mentioned above, if you want a reset button, you’ll need to modify the .uniform call in custom.js (or where ever you’ve used it)

Change: $("select, input:checkbox, input:radio").uniform();

to

$("select, input:checkbox, input:radio").uniform({resetSelector: 'input[type="reset"]'});

Then add a reset button to the form with an input type of ‘reset’.

===== Reset Form After Ajax Post (No page refresh) ===== (note, there are several ways to do this, but here is what I did) If your form makes an ajax call which doesnt refresh the page, the form elements dont update (this is true regardless of the plugin).

After the ajax call, you can temporarily, un-stylize the form elements (selects, checkboxes and radios), clear the elements, then re-stylize.

// your ajax post/get here

// remove uniform styling
$.uniform.restore("select, input:checkbox, input:radio");

//reset all inputs
$('#yourformID :input').each(function(){
     $(this).val('').attr('checked',false).attr('selected',false);
});

//reapply the uniform styling
$("select, input:checkbox, 
input:radio").uniform({resetSelector: 'input[type="reset"]'});

-shawn

I must apologize. I started my form from scratch and now validation is working. I am sorry for wrongly accusing it of not working. Thank you for the update.

No problem.

I double checked validation and included a sample in the package inside validating form

With update, you still can’t validate select menus… I spent a lot of time updating my site to the new version so this would work and it still validates all fields before first select. Then when it would normally validate the select it submits the form. Even when fields are not filled out that are required.

Hi Kopyov, Can you put an example of a form reset button in your code that works with the new stylized selects, radios and checkboxes?

Merely adding a reset button will clear all other types of form elements, but not the ‘uniform’ elements.

btw – thank you for replacing jqTransform. Much much happier now.

shawn

EDIT : Found the solution, use

$("select, input:checkbox, input:radio").uniform({resetSelector: 'input[type="reset"]'});

Great job Kopyov!

Now I can use modal form with form inside!!

Thank you

In UI elements page you can find a button with modal window. There is a sample of input field, so you can check the code ;)

I’ve already tested the new plugin. Works perfectly.

hi, I would like to be able to have a select all on this example as ceckbox http://www.itsalif.info/content/ezmark-jquery-checkbox-radiobutton-plugin

you can integrate this function in the form of this template?

It’s Brain has been updated.

jqTransform was replaced with Uniform.

Please redownload the latest package. How to change plugins you’ll find in documentation

Thanks.

Eugene

Hi,

It seems that the Autocomplete Jquery UI plugin is not styled ? Is it difficult to add this ?

thx

Hey.

No, i haven’t styled autocomplete yet, will do a bit later.

I don’t think you’ll have any difficulties with it, because general styles for UI elements already exist

I need to fill a select box. through the ajax jquery it is not working. maybe because the Jqtransform. know how I can solve this problem?

Guuuuys, please read previous comments. jqtransform will be replaced until tuesday evening with another plugin

Ohhh man. Sorry. So the problem is actually in jqtransform. I await the atulização then.

No problem. Yep, i was trying to find a solution for check all for checkboxes, dynamic tables and wizard – no luck, as far as i know Uniform plugin supports everything

Hi, How to make check all action with input type=checkbox using Jqtransform ? I tried in every way but I can not find a solution… You may kindly help me?

hey.

I’m currently working on plugin update, i’ll change jqtransform to uniform plugin, because everyone has issues with dynamic usage of jqtransform. It will be ready until tuesday evening.

Thanks

very good !

Hi there! Great theme, just 3 quick tips/questions: Is there any way you might use CSS sprites in a future version?

The WYSIWYG editor isn’t custom modified at all (i mean the plugins image, link). I don’t mean to be picky here but it doesn’t fit the design of the whole template and the image insert plugin has bugs where every time you click on the “X” icon in the dialog it scrolls to the top; and if you click twice on the image button while no image is selected it gives a javascript error instead of opening the dialog.

There are some javascript errors(Uncaught Invalid dimensions for plot, width = null, height = null, ..) in all files while debugging i Chrome. Fortunately I dont need the scripts with errors but it would be nice to fix them.

Thanks…

Thanks.

I know, WYSIWYG wasn’t custom modified, i just stylize it and changed icons. Will check those issues

Invalid dimensions for plot is a well known issue of flot plugin. To fix it you need to connect only those chart settings that you are using on the page. I haven’t found any other solution.

No, i won’t use sprite images for icons and backgrounds, because image will be too big and with too much empty space between images inside. I used sprite images for buttons only

I am having trouble with the side menu items. When the page is loaded with sub-items are the correct color, so after mouse over the color changes and not back to normal. see the image.

sorry, the picture was locked. then, is happening to me in all browsers. the sub-menu item changes color and the left does not return to normal. see photo released now.

Oh, i see now. Seems like you changed something in custom.js file? I have set jquery color animation for those links, from dark grey to blue. If you don’t need it, just delete these lines:

//===== Left navigation submenu animation =====//    

    $("ul.sub li a").hover(function() {
    $(this).stop().animate({ color: "#3a6fa5" }, 400);
    },function() {
    $(this).stop().animate({ color: "#494949" }, 400);
    });

Thank you guy. it worked. funny thing is I did not get to move in custon.js more right now. thanks again for your help.

Does the .collapsible cookie work for anyone? I added the jquery.cookie.min.js file to see if that would help. I see the cookies set, but with no value. Also it doesn’t keep the cookie state. Any help would be great.

SOLVED : Just set an id=”” on the tag of the nav item that has a class of “exp”. Also you will need to add jquery.cookie.min.js

Hey emaginellc, I wouldnt spend a lot of time trying to figure out your issue with the selects. He’s working on replacing the jquery pluging for forms. An update was supposed to be released, but his kid is sick. Give it a few more days. shawn

Thanks ;)

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