you can see on link that https://materializecss.com/collapsible.html materializecss provide that type of collapse for add ”+” we need to override materializecss plugin code I think that’s not a good idea.

you can rate our template from login to themeforest account. you can rate your purchased item from there. It will be great if you rate us five star with good review message.

Thank you.

Hi, Exportable Table Question. I’d added another Exportable Table in in smae page. it’s seem to be not work. it’s work only the first one. is it possible to add 2-3 Exportable Table in the same page? and How? please advice. thank you in advance.

Yes you can with different table id in both table. for e.g. here you can use ”#tableExport’” and ”#tableExport2’”.

tableExport display export botton ok. but after alter another table id to #tableExport2 . it’s still no effect. until i add java code in jquery-datatable.js as below:

$(’#tableExport2’).DataTable( {

dom: ‘Bfrtip’, buttons: [ ‘copyHtml5’, ‘excelHtml5’, ‘csvHtml5’, ‘pdfHtml5’ ] } );

It’s work fine now. This is the right way, isn’t it?

i noctice that after click Excel button, the export file name is the same name as my title page. So i want to know that. how can i customized the file name in different name of every tableExport?

thank you in advance.

yes, you must add js code in javascript file, without it will not work. you can find custom filename with export table example from

https://datatables.net/extensions/buttons/examples/html5/filename.html

WOW!!!, It’s work fine now. Big Thank you again.

Hi, Form select element problem!!! I got ajax data then $(’#myselect’).append(data) . there are no option show my select element(#myselect) in the form. but after disable ROXA theme layout the select element show options correctly. What’s happen? how to fix it’s? thank you in advance.

Hi, search initBasicSelect() in assets/js/pages/forms/advanced-form-elements.js file you can see function for select item you have to just replace data comes form ajax call in variable data in id and name format

var data=[{id:1,name:"Option 1"},{id:2,name:"Option 2"},{id:3,name:"Option 3"}];

If you still have any problem feel free to contact me.

Thank you.

Hi, Still not sucess. let me show you me code:

My select:—-—-—-—-—-—-—-—— <select id=”myselect” class=”col-10 p-t-10”> </select>

My Ajex call PHP file:—-—-—-—-—-- <script> $(’#policy’).on(‘change’, function() { var mypolicy = this.value ; $.ajax({ type: “POST”, url: ”/inspect/getpointerlist2”, data : { policy : mypolicy, }, dataType: “JSON”, success: function (data) { $.each(data, function (id, name) { $(’#myselect’).append($(’<option>’, { value: data.id, text : data.name })); }); }, error: function (e) { $(”#result”).text(e.responseText); console.log(“ERROR : ”, e); } }); //////// }); </script>

My PHP function getpointerlist2 :—-—-—-—-—-—-——- $pointerlist = array(“54-1”,”54-2”,”54-3”,”55.1”,”55.2”,”55.3”,”57”); foreach ($pointerlist as $v) { $output .= array(“id”=>$v,”name”=>$v); } echo json_encode($output);

The Error show: TypeError: cannot use ‘in’ operator to search for ‘length’ in ’”ArrayArrayArray…’

It’s seem very basic. but i can make it done, What’s i misssing? Please advice. Thank you in advance.

hi, I think you face error because of invalid json or invalid data return by api, I have not api sample like you so I can not check your code from my side but I tested statically, its working fine

HTML code

<div class="form-group"> <select id="myselect" class="col-10 p-t-10"> </select> </div>

js code

function initBasicSelect(){ /* basic select start*/ $('select').formSelect(); $('#myselect').formSelect(); var data=[{id:"54-1",name:"54-1"},{id:"54-2",name:"54-2"},{id:"55.1",name:"55.1"}]; var Options=""; $.each(data, function(i, val){ $('#myselect').append("<option value='"+val.id+"'>"+val.name+"</option>"); $('#myselect').formSelect(); }); /* basic select end*/ }

can you please first test with static data like above code, if static data is working fine like my machine means there is problem with your api data like casting to json or any other issue. I have not api like you so I can not test live data.

Yes, You’re right. i used static data #myselect show very OK. i tried to figure out that problem and i found that my code create the wrong format. Now i’d fixed it already. it’s work fine now. Thank you very much.

Hi, In the data table (extend: ‘pdfHtml5’) . after click download PDF file. The PDF file show in correct letters which can not read in my language(thai language). how can i setting encode or character set to be utf-8 in data table?

Hi, we never tried pdf export in UTF-8 but you will find solutions in data table forum. data table used pdfmake library for export data in pdf format. here is a pdfmake doc for add font https://pdfmake.github.io/docs/fonts/custom-fonts-client-side/

I also paste some thread related to your issue: https://www.datatables.net/forums/discussion/36139 https://datatables.net/forums/discussion/comment/130960/#Comment_130960

Hi, One more thing, I want to make theme full screen mode without left nav menu bar. how can i do it? . thank you in advance.

Hi, you want set left sidebar in compact mode using above button, are you want to remove event compact menu?

Oh, I see. No i don’t want to remove the event compact mode. Thank you very much.

Normaly, when i used the datatable i found that there are the export button for copy, excel, csv , pdf. How can i use the export button copy ,excel, csv, pdf with basic table?

Yes, you can see it http://www.radixtouch.in/templates/admin/roxa/source/light/pages/forms/basic-form-elements.html

Thank you very much. But another question. Why The search Box on top of window text color is white?

Thank you for notice us. we will solve it in our next update. If you change color you can change in scss file in scss/components/_searchbar.scss file line no 26 color property.

Hi, me again , How can i call the Succes dialog from Jquery?

you can write swal(“Good job!”, “You clicked the button!”, “success”);

you can get more information from https://sweetalert.js.org/guides/ also sample dialog is available in our template page http://www.radixtouch.in/templates/admin/roxa/source/light/pages/ui/dialogs.html

Wow, It’s very very work on my pages. thank you very much. -:)

I found something ab-normal in the Modal. After click. there are alway two white pop windows in very modal type.

Thank you, we will fix it in our next update.

Hi, Because of i’m working on webapp with this theme. can you provide some code to fix it? or give me some guide to fix it. thank you in advance.

we are just going to update template you will get update within today, I will inform you whenever update approved.

modal window bug solve please update template

Yes, After update the modal work fine now. Thank you very much.

Sorry for my newbie question, I’d problem to insert the basic select element on my form. i’d also included <option>1</option> <option>2</option> but the option not show up . Why? and i’d notice in your advance-form-element.html in the basic selection no <option> defined but there are Option 1 to 3 show in the browser. So Could you please give me the basic code using the select element on the normal html form. Thank you in advance.