Hello

Latest stable 3.* version. Version 4.0 is in progress, but it’s still in alpha version and i personally wouldn’t suggest to use 4.0 in production as it’s still in active development.

Thanks

so you are using 3.3.7?

Yes correct, 3.3.7

Hello there

Unfortunately this kind of layout is not supported at the moment and requires quite a lot of changes in layout structure. I’m going to add a new layout which partially covers this functionality, but it will be available in the next update only. Sorry about that.

Thanks

Hi

If your application supports HTML templating – yes, it’s ready for integration.

Thanks

No, pdf and excel export is usually integrated on back end side, so it’s up to developers. Only datatables support pdf/xls export.

Hi

Yes, it’s in progress – the reason why i’s been delayed is that 20% of all extensions included in the template didn’t support jQuery 3.* at the time of release. However it will be added in the next version as major part of those 20% were updated. Timeline – can’t provide any ETA at the moment, the work is in progress.

Thanks

Hi

1. Yes, it’s a known bug of handsontable plugin, scrolling is broken on mobiles and currently there’s no workaround available since by default handsontable grid isn’t responsive.

2. I am not sure i understand what you mean by that. All buttons are displayed on the 3rd line and none of them is hidden on mobiles. Can you please provide more details?

Thanks

Hey

Thank you very much for reporting this issue, will be fixed in the upcoming update!

You didnt get what im saying. It is a bug. Look at what happen when you click on “DESTROY” in your example form form_select2.html “3. Destroy and create menu:” When you click the button DESTROY looks like the javascript not refreshed hence changes the select component to a list box.

Some scripts needs to be refreshed on update. One ugly way of doing it is putting the script inside an immediate parent div

e.g. <f:ajax listener=”#{listBean.childrenlist()}” render=”pdiv” > <select class=”select-results-color” jsf:value=”#{listBean.listEn.listId}” jsf:id=”drap”>

</select> </f:ajax> <select jsf:value=”#{listBean.listEn.subListId}” class=”select-results-color” jsf:id=”dra”> </select> <script type=”text/javascript” src=”assets/js/pages/form_select2.js”></script>

I am sorry, but i still don’t get what you are trying to say. I’ve checked Enable/Disable functionality and it works fine for both single and multiple selects, i don’t see any bugs. Do you get any JS errors in your console?

Hey

Are you using one of the custom file uploaders or a native browser uploader?

I m referring to styled upload button with uniform js. If I change the input to multiple and try to select multiple images it does the job but only shows the first file name as selected.

Hi

Sorry for delayed response.

Basically by default uniform.js doesn’t support multiple files upload, it’s designed for a single upload. Although you can use multiple attribute, plugin itself doesn’t support this option. You can try to adjust core JS file to fit your needs, but for multiple uploader i’d suggest to use bootstrap file uploader.

Thanks

Thank you!

Thank you!

Welcome! Let me know if you have any other issues.

Thanks so much for your prompt response. I still must be missing something:

<!- Global stylesheets ->
<link href="https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900" rel="stylesheet" type="text/css" />
<link href="../assets/css/icons/icomoon/styles.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/core.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/components.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/colors.css" rel="stylesheet" type="text/css" />

<!- Core JS files ->
<script type="text/javascript" src="../assets/js/plugins/loaders/pace.min.js"></script>
<script type="text/javascript" src="../assets/js/core/libraries/jquery.min.js"></script>
<script type="text/javascript" src="../assets/js/core/libraries/bootstrap.min.js"></script>
<script type="text/javascript" src="../assets/js/plugins/loaders/blockui.min.js"></script>
<!- /core JS files ->

<!- Theme JS files ->
<script type="text/javascript" src="../assets/js/plugins/tables/datatables/datatables.min.js"></script>
<script type="text/javascript" src="../assets/js/core/app.js"></script>
<script type="text/javascript" src="../assets/js/pages/datatable_no_search_no_paging.js"></script>
<script type="text/javascript" src="../assets/js/pages/form_radios.js"></script>
<!- /theme JS files ->

I created a new javascript: form_radios.js. It only has this:

/* —-—-—-—-—-—-—-—-—-—-—-—-—-—-—-- *

• # Styled checkboxes, radios and file input *
• Specific JS code additions for form_checkboxes_radios.html page *
• Version: 1.0
• Latest update: Aug 1, 2015 *
• —-—-—-—-—-—-—-—-—-—-—-—-—-—-——*/

$(function () {

// Success
$(".control-success").uniform({
    radioClass: 'choice',
    wrapperClass: 'border-success-600 text-success-800'
});

});

My html:

<label class=”display-block text-semibold”>Show classes that are:</label> <label> <input type=”radio” name=”radio-styled-color” class=”control-success”>Active </label> <label> <input type=”radio” name=”radio-styled-color” class=”control-success”>Expired </label>

Thanks again for the help. I’m relatively new at this…

Susan

You also need to include a path to uniform.min.js, try to include it before datatables.min.js path and everything should work fine

That worked! Thank you so much!

I do not understand your intentions, what I want is the column data table I want on the colum to 2 right and the right type is money (ext 12.000,500) while the other colum is left and character type. I’ve tried with:

$ (’# Datatable’). DataTable ({   “ColumnDefs”: [{                    “Orderable”: false,                    “Targets”: “_all”                  },

                {“Type”: “numeric-comma”, “targets”: [2]},

                 {                    “ClassName”: ”.text-right”, “targets”: [2]                    }],

But the result is still not able, maybe you can help me, what the right script.

Thank you

problem is solved…thx

Glad you’ve managed it yourself Let me know if you have any other issues.

Thanks

Hey

Can you please share your code for editable config? Either here or send me an email to e.kopyov[at]gmail.com

Thanks

Hi

You need to adjust logo size in navbar.less file (assets/less/_bootstrap-limitless/) in .navbar-brand class and child image – there is no any other way to do it unfortunately, unless you want to override vertical spacing, height and line height of the .navbar-brand class.

How to use less and how to compile less files is well explained in the documentation. Also http://lesscss.org/ has quite extensive documentation.

Thanks

Hi

According to AJAX docs, you would need to enable caching:

$('#datatable').DataTable({
    ajax: {
        url: 'your_file.json',
        cache: true
    }
});

Thanks

Hi

Unfortunately that’s a common problem of all templates – the more features the template has, the bigger source files are. Total size of Starter kit CSS is around 300kb and can be reduced to 200kb by turning off some features, full featured template is around 400Kb.

Thanks

Hello

Sorry, i don’t understand what you mean by that. It already has 1 column, or you want to remove horizontal spacing?

I mean when you click on an icon a page fits to all screen,

Sorry, but i still don’t understand… Why do you want to make the page full width, if it already has 100% width? All columns stack on small screens, sidebar is hidden, the only thing is 20px horizontal spacing, which can be removed in CSS.

So you will not update Noty? If I replace noty javascript file I will have problems with some style? New version of noty have new features such progressbar that I like .

I will definitely update it, should be available in the next version.

Thanks

thank you!

Hey Damon

Yep, in my todo list for upcoming update – coming soon and maintenance pages. Thanks for suggestion!

Hi

Sorry, but i don’t understand what you are trying to achieve. Can you please provide more details or some example?

Thanks