fiorilli

Tested on version 1.50.0.1480 and works without problems. Probably some bug from 1472. Thank you very much.

Hi, In some registers that have more than one grid, master / details for example, some grids have problems. In these master / details registers the user can include several records and only then save the register. Then activated the fields and disabled the grids when it is included a record. This way the user can not navigate through the records during an insert / append. But after adding the second record, the frontend grid is disabled (even if the backend is enabled). I can not understand why this happens. Looking at the HTML, I noticed that in these cases the classes and elements of the mask are not removed. Is there any way to solve this? UniGui version 1.10.0.1472. Below is the HTML code during registration. <!-- First User opened the registration screen. BackEnd Grid Enabled = True FrontEnd Grid Enabled = True Status: Ok! --> <div class="x-panel x-abs-layout-item x-panel-default x-grid" style="left: 0px; top: 0px; width: 652px; height: 292px;" role="grid" aria-hidden="false" aria-disabled="false" aria-readonly="false" aria-multiselectable="false" id="O150C_id"> <div id="O150C_id-bodyWrap" data-ref="bodyWrap" class="x-panel-bodyWrap" role="presentation">...</div> </div> <!-- Second User clicked on include, fields will be enabled and grids disabled. BackEnd Grid Enabled = False FrontEnd Grid Enabled = False Status: Ok! --> <div class="x-panel x-abs-layout-item x-panel-default x-grid x-item-disabled x-masked-relative x-masked" style="left: 0px; top: 0px; width: 652px; height: 292px;" role="grid" aria-hidden="false" aria-disabled="true" aria-readonly="false" aria-multiselectable="false" id="O150C_id"> <div id="O150C_id-bodyWrap" data-ref="bodyWrap" class="x-panel-bodyWrap" role="presentation">...</div> <div role="presentation" class="x-mask x-border-box" id="ext-element-294">...</div> </div> <!-- Third User clicked save, fields are disabled and grids are enabled. BackEnd Grid Enabled = True FrontEnd Grid Enabled = True Status: Ok! --> <div class="x-panel x-abs-layout-item x-panel-default x-grid" style="left: 0px; top: 0px; width: 652px; height: 292px;" role="grid" aria-hidden="false" aria-disabled="false" aria-readonly="false" aria-multiselectable="false" id="O150C_id"> <div id="O150C_id-bodyWrap" data-ref="bodyWrap" class="x-panel-bodyWrap" role="presentation">...</div> </div> <!-- Fourth User clicked on include again, fields will be enabled and grids disabled. (class "x-masked" was not added). BackEnd Grid Enabled = False FrontEnd Grid Enabled = False Status: Ok! --> <div class="x-panel x-abs-layout-item x-panel-default x-grid x-item-disabled x-masked-relative" style="left: 0px; top: 0px; width: 652px; height: 292px;" role="grid" aria-hidden="false" aria-disabled="true" aria-readonly="false" aria-multiselectable="false" id="O150C_id"> <div id="O150C_id-bodyWrap" data-ref="bodyWrap" class="x-panel-bodyWrap" role="presentation">...</div> <div role="presentation" class="x-mask x-border-box" id="ext-element-299">...</div> </div> <!-- Fifth User clicked save, fields are disabled and grids are enabled. BUG! the "x-masked-relative" class and the mask element were not removed. BackEnd Grid Enabled = True FrontEnd Grid Enabled = False Status: BUG! --> <div class="x-panel x-abs-layout-item x-panel-default x-grid x-masked-relative" style="left: 0px; top: 0px; width: 652px; height: 292px;" role="grid" aria-hidden="false" aria-disabled="false" aria-readonly="false" aria-multiselectable="false" id="O150C_id"> <div id="O150C_id-bodyWrap" data-ref="bodyWrap" class="x-panel-bodyWrap" role="presentation">...</div> <div role="presentation" class="x-mask x-border-box" id="ext-element-299">...</div> </div> <!-- Sixth User clicked on include again, fields will be enabled and grids disabled. (class "x-masked" was not added). BackEnd Grid Enabled = False FrontEnd Grid Enabled = False Status: Ok! --> <div class="x-panel x-abs-layout-item x-panel-default x-grid x-masked-relative x-item-disabled" style="left: 0px; top: 0px; width: 652px; height: 292px;" role="grid" aria-hidden="false" aria-disabled="true" aria-readonly="false" aria-multiselectable="false" id="O150C_id"> <div id="O150C_id-bodyWrap" data-ref="bodyWrap" class="x-panel-bodyWrap" role="presentation">...</div> <div role="presentation" class="x-mask x-border-box" id="ext-element-303">...</div> </div> <!-- Seventh User clicked save, fields are disabled and grids are enabled. BUG! the "x-masked-relative" class and the mask element were not removed. BackEnd Grid Enabled = True FrontEnd Grid Enabled = False Status: BUG! --> <div class="x-panel x-abs-layout-item x-panel-default x-grid x-masked-relative" style="left: 0px; top: 0px; width: 652px; height: 292px;" role="grid" aria-hidden="false" aria-disabled="false" aria-readonly="false" aria-multiselectable="false" id="O150C_id"> <div id="O150C_id-bodyWrap" data-ref="bodyWrap" class="x-panel-bodyWrap" role="presentation">...</div> <div role="presentation" class="x-mask x-border-box" id="ext-element-303">...</div> </div>

Sorry, how to use the right arrow to solve the problem of removing the leftover character? Why can not I use the optional character on the front? VCL Desktop allows this and other javascript plugins available on the web also allow! Apparently this is a particular case of ExtJS and InputMask.js used in UniGui. So I'm checking to see if there really is no other way before going to a third-party plugin. The optional character in the middle of the mask is a bad UX. Setting at the beginning or end of the mask, I would not have problems with UX. But in both positions does not work.

For now manually, I have not tried it programmatically yet.

up!

The mask you said was the first test I did. And it did not work. Attached is the unigui example. UniPhoneMask.zip

Hi, Sorry, what was not clear? Attached has an example of how it is on the desktop. PhoneMask.zip

up!

Hi Delphi Developer, Thanks for replying, your mask "works". But the optional 9 must be at the beginning of the mask after (99). So it would be ideal: (99) [9]9999-9999 Pasting the mask to this format, it does not work. The equivalent in the desktop VCL would be: (99) #9999-9999 Is there any other way?

Hi Here in Brazil, we have two masks for phones. Phone: (99) 9999-9999 Mobile phone: (99) 99999-9999 How to enter an optional character in inputmask?

Hi TUniGUIServerModule add UniServerModule.CustomFiles.Clear; UniServerModule.CustomFiles.add('css/uniGmap.css'); UniServerModule.CustomFiles.add('js/markerclusterer.js'); UniServerModule.CustomFiles.add('js/markerwithlabel_packed.js');

problem solved! thank you

problem solved! thank you

Hello, Lema When published, several problems occur in uniGUI version 1.10.0.1466 Here are some examples: "Cannot read property 'getElevationForLocations' of undefined" "Cannot read property 'clearMarkers' of undefined" Could you help me, please? Thank you!

Hello, Lema I'm having problems with uniGUI version 1.10.0.1466 The problem is only displayed when published. "Cannot read property 'getElevationForLocations' of undefined" Could you help me, please? Thank you!