131 comments found

Hi I bought your theme and it works great… except on iPad. The old template I used is faster than these one. Only in one page with a lot of js. And the other problem is that i can’t resize on the ipad. if you can help it will be great.


tzd Author
Hi, thanks. You don’t need to use all scripts, I included all js for demo purposes. Please use blank.html as a start page and add scripts to this page. To enaable resizing on ipad please change
<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
// to
<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=yes">

Example: On the iPad, when I want to scroll down the page, the answer is really slow. It take few secondes before it’s scrolling. As I said before, there’s a lot of js script on the page.

tzd Author

Please check my previous comment.

shicks Purchased

Hello, I purchased this theme and am very happy with it. Have learned a lot. I have one thing I would like to change, but can’t find where/how.

I use hideable and would like to stop the bounce when it opens. I don’t mind the next rows moving down when the hideable opens but the bounce is not preferrable. I found the code in the .js file for it and don’t think the easing “easeOutCubic” is causing it.

The html is:
<div class="row-fluid">
    <div class="span12 w-box-content cnt_a w-box-blue">
        <div class="w-box hideable ">
            <div class="w-box-header"><h4> History</h4></div>
            <div class="w-box-content cnt_a content-hide" id="t_historycontent">history content</div>        
Alternatively, if there is a way to have the hideable open on a different z plane, that would work too.

Thanks for any help. If I haven’t provided enough info, please ask. Thanks.

tzd Author
Hi, please open beoro_common.js and change some code for beoro_boxes: { ... }
$('.w-box-header .icon-plus,.w-box-header .icon-minus').click(function() {
  var this_box_content = $(this).toggleClass('icon-plus icon-minus').closest('.w-box').find('.w-box-content'),
  box_height = this_box_content.actual('height');
    'height': box_height,
    'maxHeight': box_height
  }).slideToggle(400, function() { this_box_content.css({'height':'','maxHeight':''}) });
That should fix this issue.
abender Purchased

paging in datatables examples is not working correctly. Clicking on a page number just indicate a “next” function not going on the selected page.

tzd Author

Hi, could you check again this pagination. It works ok for me.

insirah Purchased

Can I download PHP version?

tzd Author

Hi, php is mainly use for small things like include() and loops but if you like I can send you php files. Please send me message from my profile page with this request.

leandrow Purchased

Hello! Thanks for the job! I can’t find a way to “affix” the side menu present in form elements section, like occurs in Bootstrap documentarion, just by adding the “affix” class. did you think about this?

tzd Author
Hi, please add data-spy="affix" to
<ul id="pageNav" data-spy="affix">
and check if it works ( http://twitter.github.io/bootstrap/javascript.html#affix )
leandrow Purchased

Just tried… It works partially, because the buttons get the full width, and passes over the boxes. Tried to add ‘span2’ class to ul, but didn’t work. Sorry, but this is a feature that I need for a project.

tzd Author

Hi, please send me message from my profile page with this request, I’ll try to help you with this.

runtim Purchased

I just downloaded v1.2 and the login screen doesn’t respond/resize to a mobile screen. Your online demo does.

Is there an issue?

tzd Author
Hi, yes, I forgot to add some styles for mobile devices, please open login.css and paste this code at the end
@media (max-width: 767px) {
  #login-wrapper {width:auto}
  .main-col {margin-left:0;border:none;padding:10px}
  .logo_img {display:none}
cooltxtuk Purchased

Is it possible to have more than one datatable of the same type on the same page? If I copy a table on your datatables.html and paste it directly uner a table (so the same table is repeated) the 2nd table looses all the datatable formatting…..

tzd Author
Hi, please check if datatables has diferent id, if you want to use same options you can init datatables with class instead of id.
<table class="datatable" id="table_1">
<table class="datatable" id="table_2">

$(function() {
cooltxtuk Purchased

Brilliant, thank you. Worked a treat :-)

mantero Purchased

where can I change the font size and font type for top navigator bar?

tzd Author

Hi, please open beoro.css and find #fade-menu. There you can change font size and font type for top navigation.

This temploate does not work with IE8 what can i do for this ?

tzd Author

Hi, Beoro Admin works fine in IE8. Please check if you don’t have “compatibility view” enabled http://blogs.msdn.com/b/ie/archive/2008/08/27/introducing-compatibility-view.aspx

Nice template. Just one thing that has stopped me from purchasing, hope you can add it or may be it is there and i have trouble finding it.

CheckBox Toggle Buttons Radio Toggle Buttons Buttons with dropdown menus and can be appended to input elements.

Does your theme already have these?


Hi, Do you mean to say, if i use the bootstrap class names the functionality will be available?

tzd Author

Hi, yes, you can use any element from bootstrap framework (buttons, naigation, dropdowns, progressbars etc)

Hi i want to change backround colur of menu.By default its backround is black and i want to change backround of header menu to another color.Can you help me please ?

tzd Author

Hi, please open beoro.css find .navbar-inner class and change bacground property.

and i also want to change height of black menu on the top

tzd Author

Hi, please send me message from my profile page with this request, there is a few changes to make if you want to change top navbar height.

I want to integrate with a login system, is that possible with the way you have the theme?

CajuCLC Purchased

Hey there. Never mind about the question, it worked. Is there a way to have a translation for multiple languages? Maybe something on a next release? THanks!

tzd Author

Hi, thank you for buying Beoro Admin. Beoro Admin is a html/css template so almost every text is static so it’s up to you to integrate this template with server side language and make it multilanguage. Please check some examples http://devzone.zend.com/1859/creating-multi-language-web-applications-with-zend_translate/ http://ellislab.com/codeigniter/user-guide/libraries/language.html http://phpmaster.com/multi-language-support-in-codeigniter/

CajuCLC Purchased

Thank you for the links and I might use Zend as I have used before and after setting it up, translation is really easy. But this is something to be worked later on and it’s just an optional feature. Theme is really good. THanks!

Hello There enabling support lesscss this admin theme?

tzd Author

Hi, there are no less files included with Beoro Admin.

Hello, I want to aks yu before I buy : WYSIWG EDITOR WITH FILE MANAGER. Is this feature must run with PHP and linux server ? Could I use this feature under windows server ? because I am going to use with ASP. Thanks

tzd Author

Hi, it seems that KCFinder support only php. If you want to use asp please check http://elfinder.org/ (integration http://elfinderaspnet.codeplex.com/ )

REQUEST—>> COMPRESSED All-In-One CSS / Javascript please.

    <!-- Common JS -->
        <!-- jQuery framework -->
            <script src="js/jquery.min.js"></script>
    <!-- get jQuery from the google apis -->

            <script src="js/jquery-migrate.js"></script>
        <!-- bootstrap Framework plugins -->
            <script src="bootstrap/js/bootstrap.min.js"></script>
        <!-- top menu -->
            <script src="js/jquery.fademenu.js"></script>
        <!-- top mobile menu -->
            <script src="js/selectnav.min.js"></script>
        <!-- actual width/height of hidden DOM elements -->
            <script src="js/jquery.actual.min.js"></script>
        <!-- jquery easing animations -->
            <script src="js/jquery.easing.1.3.min.js"></script>
        <!-- power tooltips -->
            <script src="js/lib/powertip/jquery.powertip-1.1.0.min.js"></script>
        <!-- date library -->
            <script src="js/moment.min.js"></script>
        <!-- common functions -->
            <script src="js/beoro_common.js"></script>

        <!-- smart wizard -->
            <script src="js/lib/smart-wizard/js/jquery.smartWizard.min.js"></script>
        <!-- validation -->
            <script src="js/lib/jquery-validation/jquery.validate.min.js"></script>
            <script src="js/pages/beoro_wizard.js"></script>

        <!-- jQuery UI -->
            <script src="js/lib/jquery-ui/jquery-ui-1.10.2.custom.min.js"></script>
        <!-- touch event support for jQuery UI -->
            <script src="js/lib/jquery-ui/jquery.ui.touch-punch.min.js"></script>
        <!-- progressbar animations -->
            <script src="js/form/jquery.progressbar.anim.min.js"></script>
        <!-- 2col multiselect -->
            <script src="js/lib/multi-select/js/jquery.multi-select.min.js"></script>
            <script src="js/lib/multi-select/js/jquery.quicksearch.min.js"></script>
        <!-- combobox -->
            <script src="js/form/fuelux.combobox.min.js"></script>
        <!-- file upload widget -->
            <script src="js/form/bootstrap-fileupload.min.js"></script>
        <!-- masked inputs -->
            <script src="js/lib/jquery-inputmask/jquery.inputmask.min.js"></script>
            <script src="js/lib/jquery-inputmask/jquery.inputmask.extensions.js"></script>
            <script src="js/lib/jquery-inputmask/jquery.inputmask.date.extensions.js"></script>
        <!-- enchanced select box, tag handler -->
            <script src="js/lib/select2/select2.min.js"></script>
        <!-- password strength metter -->
            <script src="js/lib/pwdMeter/jquery.pwdMeter.min.js"></script>
        <!-- datepicker -->
            <script src="js/lib/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
        <!-- timepicker -->
            <script src="js/lib/bootstrap-timepicker/js/bootstrap-timepicker.min.js"></script>
        <!-- colorpicker -->
            <script src="js/lib/bootstrap-colorpicker/js/bootstrap-colorpicker.min.js"></script>
        <!-- metadata -->
            <script src="js/lib/ibutton/js/jquery.metadata.min.js"></script>
        <!-- switch buttons -->
            <script src="js/lib/ibutton/js/jquery.ibutton.beoro.js"></script>
        <!-- autosize textarea -->
            <script src="js/form/jquery.autosize.min.js"></script>
        <!-- textarea counter -->
            <script src="js/lib/jquery-textarea-counter/jquery.textareaCounter.plugin.min.js"></script>
        <!-- UI Spinners -->
            <script src="js/lib/jqamp-ui-spinner/globalize/globalize.min.js"></script>
            <script src="js/lib/jqamp-ui-spinner/globalize/cultures/globalize.culture.fr-FR.js"></script>
            <script src="js/lib/jqamp-ui-spinner/globalize/cultures/globalize.culture.ja-JP.js"></script>
            <script src="js/lib/jqamp-ui-spinner/globalize/cultures/globalize.culture.zh-CN.js"></script>
            <script src="js/lib/jqamp-ui-spinner/compiled/jqamp-ui-spinner.min.js"></script>
            <script src="js/lib/jqamp-ui-spinner/compiled/jquery-mousewheel-3.0.6.min.js"></script>
        <!-- plupload and the jQuery queue widget -->
            <script type="text/javascript" src="js/lib/plupload/js/plupload.full.js"></script>
            <script type="text/javascript" src="js/lib/plupload/js/jquery.plupload.queue/jquery.plupload.queue.js"></script>
        <!-- WYSIWG Editor -->
            <script src="js/lib/ckeditor/ckeditor.js"></script>

            <script src="js/pages/beoro_form_elements.js"></script>

        <!-- Mockjax -->
            <script src="js/jquery.mockjax.js"></script>
        <!-- x-editable -->
            <script src="js/lib/x-editable/bootstrap-editable/js/bootstrap-editable.min.js"></script>
            <script src="js/lib/x-editable/inputs-ext/address/address.js"></script>

            <script src="js/pages/beoro_editable_elements.js"></script>

        <!-- datatables -->
            <script src="js/lib/datatables/js/jquery.dataTables.min.js"></script>
        <!-- datatables column reorder -->
            <script src="js/lib/datatables/extras/ColReorder/media/js/ColReorder.min.js"></script>
        <!-- datatables column toggle visibility -->
            <script src="js/lib/datatables/extras/ColVis/media/js/ColVis.min.js"></script>
        <!-- datatable table tools -->
            <script src="js/lib/datatables/extras/TableTools/media/js/TableTools.min.js"></script>
            <script src="js/lib/datatables/extras/TableTools/media/js/ZeroClipboard.js"></script>
        <!-- datatables bootstrap integration -->
            <script src="js/lib/datatables/js/jquery.dataTables.bootstrap.min.js"></script>

            <script src="js/pages/beoro_datatables.js"></script>
        <!-- FAQ specific PG -->
            <script src="js/pages/beoro_help_faq.js"></script>

Is a bit ridiculous - and that is JUST some of the JavaScript. Please provide a Unified JS with all scripts combined and compressed. And do the same with the CSS please.

tzd Author

Hi, I think that it’s not ridiculous to have all stylesheets and js separated. In most cases users doesn’t use all plugins and if you want to compress all js scripts the result file will be more than 5mb. For further request please use account that have bought Beoro Admin.

JJ-MAGZ Purchased

re: Request Compressed CSS / JavaScript

+1 I work alongside myrddinwylt who posted the issue of the consolidation.

-This is a server load problem, if all files were consolidated even at 5mb that would speed things up. -Or write a php script to minimize the load

-The final alternative is to give us a breakdown of what scripts are required on each page in the demo.

Please make an effort to compress this to a working single file, or provide a breakdown.

Its a great theme, we are only giving you input because other decent coders should also complain about this shortly…no one likes massive server resources being wasted…


tzd Author

Hi, I understand your concerns but I don’t see the point of minifying all scripts and stylesheets, like I said before I’m almost 100% sure that users don’t need all scripts and stylesheets (there is no point to waste user bandwidth). I don’t know what server side language you are using but for php please check http://code.google.com/p/minify/ In Beoro Admin you can find separated .html files (required js/css are included with every page, please check comments).

Conika Purchased

Hello tzd Could you please help me a bit. I am trying to load a form on ajax request – that part is working – BUT one element is a WYSIWYG editor and that part is not working – the editor is not loading only a plain textarea.

Can you please help with that or can you provide on your ajax example page how can we load this editor dynamically?

Thank you

tzd Author
Hi, please check http://jsfiddle.net/MHbRZ/ In ajax call on success please try to add:
CKEDITOR.replace( 'textarea_id' );