I use a canvas, which could be longer than the available height of the form. So I put the canvas on a scrollbox. 

But there are no scrollbars visible, so I cannot scroll the canvas/scrollbox.

I've added a sample (call with localhost:8222 ). The examples adds 100 lines to the canvas. I want to scroll through the canvas, but it's not possible.

Thanks in advance

Mike

UniGui.rar

I want to group records by date, but the component sorts the groups as strings.
For example, "01-04-2026" is treated as later than "31-01-1998".

I do not want to change the displayed format, because "2026-04-01" is technically sortable, but it does not look right for users.

Is there any way to keep the display format as dd-mm-yyyy and still sort/group the dates correctly?

I also tried using values like:

<a style="display:none">20260401</a>01-04-2026

but the group header does not seem to interpret it as HTML.

I call the Binary Eye application with the following code and return to the application after reading the barcode.

procedure TMainmForm.btnScanClick(Sender: TObject);
var
  ScanURL: string;
begin

  ScanURL := 'http://markusfisch.de/BinaryEye?ret=' +
    'https://192.168.0.173:8077/m/?result={RESULT}';

  UniSession.AddJS('window.location.href="' + ScanURL + '";');
end;

I also wrote the following code in the AfterShow event

procedure TMainmForm.UnimFormAfterShow(Sender: TObject);
begin
  UniSession.AddJS(
    'var params=new URLSearchParams(window.location.search);' +
    'if(params.has("result")){' +
    '  var code=params.get("result");' +
    '  localStorage.setItem("lastBarcode", code);' +
    '  document.getElementById("' + lblResult.JSName + '").innerText="Barcode: "+code;' +
    '  window.history.replaceState({}, document.title, window.location.pathname);' +
    '}'
  );
end;

But don't display the scanned code as a lblResult.

https://github.com/markusfisch/BinaryEye

Regards.
But I didn't get the scanned code

I want to scan barcodes from the following site,https://scanapp.org/.
I downloaded the file "html5-qrcode.min.js" , placed it in the Files folder and set it in the ServerModule unit

procedure TUniServerModule.UniGUIServerModuleCreate(Sender: TObject);
begin
  UniServerModule.CustomFiles.Add('html5-qrcode.min.js');
end;

Then I placed a UnimHTMLFrame on the form and wrote the following code in the HTML property

<div id="barcode-reader" style="width:100%; height:260px;"></div>

<audio id="beep" src="files/beep.mp3"></audio>

And in the OnShow event of the form I also wrote the following code.
 

procedure TMainmForm.UnimFormShow(Sender: TObject);
begin
//UniSession.AddJS(
// 'console.log("Html5Qrcode =", typeof Html5Qrcode);'
//);

UniSession.AddJS( 
'if (window.barcodeScanner) return;' + 

'window.barcodeScanner = new Html5Qrcode("barcode-reader");' + 

'window.barcodeScanner.start(' + 
' { facingMode: { exact: "environment" } },' + 
'{' + 
'fps: 10,' + 
' qrbox: { width: 260, height: 140 },' +
// 'formatsToSupport: [' +
// 'Html5QrcodeSupportedFormats.CODE_128,' +
// 'Html5QrcodeSupportedFormats.EAN_13,' +
// 'Html5QrcodeSupportedFormats.EAN_8,' +
// 'Html5QrcodeSupportedFormats.UPC_A' +
// ']' + 
' },' + 

' function(text) {' + 
' document.getElementById("beep").play();' +
' ajaxRequest(null, "barcode", ["code=" + text]);' +
' window.barcodeScanner.stop();' +
' window.barcodeScanner = null;' +
' },' +
' function(err) {}' +
');'
);

end;

and in UnimFormAjaxEvent and in the event I wrote the following code

procedure TMainmForm.UnimFormAjaxEvent(Sender: TComponent; EventName: string;
Params: TUniStrings);
begin
if EventName = 'barcode' then
ShowMessage('BarCode': ' + Params.Values['code']);
end;

But I didn't get the result.

Regards.

AppScanTestCase.rar

html5-qrcode.min.js

There is probably a bug with UnimDBLookupComboBox (created on other form that MainForm).

In the testCase just click button and on the new form select another item from UnimDBLookupComboBox1. You will see that item will change only for 0.01 sec and get back to the previous selected item. It works only on first select. You need to close form and open it again for testing. 

There is workaround if you will assign UnimDBLookupComboBox.keyvalue ='...' on "FormAfterShow" event it won't happen but it's very bad solution becouse user with slow internet will notice the change happening. 

Is there a better workaround ?

unimdbLookupComboBox - first select.zip

i like to know if it is possible to not display the for example "(1)" in the Grid grouping Header. When the Grid is grouped by one of the columns it works fine but the "(1)"  is still there in groupheader. Sometimes instead of 1 there are other numbers in. Can we just hide that?

Someone can help me to add Image on TunimCombobox?(Not TuniCombobox)

Br,Alessandro

Hi guys, I'm using C++ Builder 11.3 with UniGui 1.95.0.1606, I reported an issue yesterday trying to use the mobile controls.

Today I create a frame for my desktop app and received the same surprise from yesterday when I open the Browser

Cannot assign a nil to a TFont

how to solve this guys, I need help

Thank you in advance

Emilio

I try to use css to theming my UniGUI mobile app, but I can't. When I put background image just border have added picture, all other part of form are white. Is there solution to use css like in vcl UniGUI app?

I have the unimform with 2 unimContainerPanel with a color property that allow me to see them in the browser

The issue happens when i add a unimlabel or unimimage or unimpanel, then I receive the message Cannot assign a nil to a TFont in the browser

I've been up and down trying to find a solution without avail, my version is 1.95.0.1605

have you been in this kind of situation guys? how did you solve it?

thanks in advance

EDIT: Hello, I forgot to mention that we use C++ Builder 11.3, I just created a project using Delphi and it works fine

procedure Tmob_emp.bCopyClick(Sender: TObject);
begin
 UniSession.AddJS(
    'var tempInput = document.createElement("textarea");' +
    'tempInput.value = ' + QuotedStr(id_edit.Text) + ';' +
    'tempInput.setAttribute("readonly", "");' +
    'tempInput.style.position = "absolute";' +
    'tempInput.style.left = "-9999px";' +
    'document.body.appendChild(tempInput);' +
    'tempInput.select();' +
    'var successful = document.execCommand("copy");' +
    'document.body.removeChild(tempInput);' +
    'if (!successful) { alert("Cannot copy : ' + id_edit.Text + '"); }'
    );
end;

the code is Copy the content of "id_edit" to Clipboard  in android, but not work in iphone!!!!!
there is any way to copy it to Clipboard? 

After I made the following link settings.

Quote

 

The font of all objects has changed.

Fonts were introduced in CSS as follows.

.customFrm .x-toolbar .x-text-el{
  font-family: Shabnam FD;
  src: url('files/fonts/Shabnam-FD.eot');
  src: url('files/fonts/Shabnam-FD.eot?#iefix') format('embedded-opentype'),
       url('files/fonts/Shabnam-FD.woff2') format('woff2'),
       url('files/fonts/Shabnam-FD.woff') format('woff'),
       url('files/fonts/Shabnam-FD.ttf') format('truetype');
  font-weight: normal;
}

Regards.

How do I enable the thousands separator in UnimEdit?

Regards.

ver : 1.90.0.1568

It is normal not to use the native keyboard:

After opening the native keyboard, the full screen cannot be displayed when entering again:

As I wrote in the title, I use an UnimPDFFrame to show PDF-documents. Some work, some not.

I attach 2 documents (one works, the other doesn't).

The error message is:

The one, which doesn't work, has the PDF/X-3:2003-Standard. The one, whhich works has the PDF/X-1:2001-Standard. Don't know if that is the reason...

Maybe this problem can be solved by updating the PDF.js. But I don't know, how to do it, and which version of PDF.js would be the best solution.

Thanks in advance

Mike

Works.pdf Works _not.pdf

This seems to be an easy problem, but I can't solve it.

I do a ShowModal of an UnimForm (not fullscreen). The form is always showed vertical and horizontal centered, but I want to show the form at the top. Top:=0 doesn't work. I put some CSS in the LayoutConfig.CLS, but the form remains centered. 

Any help would be appreciated. 

Thanks in advance

Mike

I set both ExtLocale in ServerModule and MainModule to Italian (it) still the mobile app show those message dialogs in English. I am using touch material theme.

Do I need to alter any other setting?

Thanks in advance

https://localhost:8088/m?form=guest&id=11EXZ8BXZXD5

Idea is open a register guest form and after save, terminate session.

I tried on BeforeLogin without success. Could you help?

 

procedure TUniMainModule.UniGUIMainModuleBeforeLogin(Sender: TObject; var Handled: Boolean);
var
  aApp : TUniGUIApplication;
begin
  Handled := false;
  try
    aApp := (Sender as TUniGUISession).UniApplication;

    if (aApp.Parameters.Values['form']='visitante')  then
      begin
        frmPreCadastroMobileVisitante.guest:=true;
        frmPreCadastroMobileVisitante.chave:=aApp.Parameters.Values['id'];
        frmPreCadastroMobileVisitante.Show(callback_guest);
        handled:=true;
      end;
  finally
  end;
end;

Thanks!

I expected something like this: "UnimDBListGrid.Grouping.collapseAll"

Not implemented. Ok.

I can add a beforeInit function:

    sender.collapseAllGroups = function() {
        var grid = this;
        var groupFeature = grid.getView().getFeature('grouping');  
        if (groupFeature) {
            var store = grid.getStore(); 
            store.getGroups().each(function(group) {
                groupFeature.collapseGroup(group);  
            });
        }
    };

And call it mGrid.JSInterface.JSCall('collapseAllGroups', []);

But it does not work. I can`t understand how to call such a simple event. 

I can`t find any additional information in the help and this forum. 

Angry Dmytro

How do I close an unimform using UnimButton and client events?
The following code did not work.

 
function tap(sender, e, eOpts)
{
	//sender.close();  
	//this.up('form').close(); 
	//frmCalc.close(); 
}

Regards.

Is it possible to use this scientific calculator in unigui-mobile?

Regards.

Can an event be defined for the UnimEdit trigger?

Regards.