Error in datapicker's visualization using Metro UI CSS 3.0 with Editor 1.5.1

damiano.marcellino@primonetwork.it

Hi, i'm using Datatables with Metro UI CSS 3.0.
The datapicker into Editor doesn't show correctly, it doesn't show icon and calendar div.
I think that occour for an error in html output.

The example code of Metro UI to using datapicker is:

<div class="input-control text" data-role="datepicker">
   <input type="text">
    <button class="button"><span class="mif-calendar"></span></button>
</div>

the Editor's ouput code is:

<div data-dte-e="input" class="DTE_Field_Input">
 <div data-dte-e="input-control" class="DTE_Field_InputControl" style="display: block;">
 <input type="text" id="DTE_Field_DataNascita" class="jqueryui">
 </div>
 <div data-dte-e="multi-value" class="multi-value" style="display: none;">Multiple values<span data-dte-e="multi-info" class="multi- info" style="display: none;">The selected items contain different values for this input. To edit and set all items for this input to the   same value, click or tap here, otherwise they will retain their individual values.</span></div>
 <div data-dte-e="msg-multi" class="multi-restore">Undo changes</div>
 <div data-dte-e="msg-error" class="DTE_Field_Error"></div>
 <div data-dte-e="msg-message" class="DTE_Field_Message"></div>
 <div data-dte-e="msg-info" class="DTE_Field_Info"></div>
</div>

how can i resolve this problem?

DataTables debugger: http://debug.datatables.net/efaqar

Regards, Damiano

allan

Hi,

For field types where custom HTML is required, you would need to create a custom field type.

There are a number of plug-ins already available although not yet one for Metro UI. The documentation and the existing plug-ins might be of some use creating your own. If you have any questions, please ask.

Allan

damiano.marcellino@primonetwork.it

Hi Allan,
thanks to the swift response , now I feel the way to create a custom field type.

Damiano