Search the Community

Hi, When I want to use RowEditor in a UniDbGrid and insert a new record, it doesn't show information in the columns with Lookup fields. I need to configure some property or this type of field can't be displayed until I confirm the registration? Thanks

when I run TUniFileUpload's Execute method, it opens me to a screen of TUniFileUpload itself which is a non visual component, so I can't know how to handle his css. all of components IDs is auto generated and if i change some css with classname can update css of other buttons because the name of classes are the same.. Would anyone have any suggestions?

How to change the color of the button? In the web version I use the css below, but on the mobile does not work? function beforeInit(sender, config) { config.cls='btAzul'; } .btAzul { width:120px; height:30px; background: #1E90FF; border: 5px solid #1E90FF; /* borda branca em volta */ margin: auto; /* centraliza com bordas automáticas nas laterais */ text-align: center; /* centraliza o texto */ font-family: Source Sans Pro; /* fonte */ font-size: 16px; /* tamanho da fonte */ color: #1E90FF; /* cor fonte */ border: 1px solid #ccc; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-bottom-color: #b3b3b3; border-radius: 4px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05); }

Hello community! Unfortunately this is in Portuguese, but I would like to share with you a quick way to use Bootstrap in uniGUI. Bootstrap.rar

Hello good afternoon!! I updated to version 1496 ... unigui and the css does not roll anymore, the encoding is in customcss and the call in the component in the ClientEvents / unievents / beforeininit. It's like I have no css, do I have to set up any path? Something changed? Example of call: function beforeInit (sender, config) { config.baseCls = 'pnlline'; } Css example: . pnlline { border: solid 0px #fff! important; border-bottom: solid 1px #fff! important; border-radius: 0px! important; } Version:1496

Добрый день! Подскажите пожалуйста как убрать расстояние между pageControl и панелью. Тестовый проект: test.zip

Hello friends, is there any way to use the bootstrap css with unigui buttons? Thank you very much in advance.

I have a Mobile TMainmForm TUnimContainerPanel TUnimPanel TUnimHTMLFrame All perfectly displayed on iOS Device. I want to work with the HTMLFrame canvas which is declared in HTML as //HTMLFrame.HTML.Add(' <canvas id = "andy" width = "'+IntToStr(ContainerPanel.Width+43)+'" height = "'+IntToStr(ContainerPanel.Height+84)+'" style = "border: 1px solid #000000;">'); HTMLFrame.HTML.Add(' <canvas id = "andy" width = "'+IntToStr(Panel.Width+43)+'" height = "'+IntToStr(Panel.Height+84)+'" style = "border: 1px solid #000000;">'); //HTMLFrame.HTML.Add(' <canvas id = "andy" width = "100%" height = "100%" style = "border: 1px solid #000000;">'); //HTMLFrame.HTML.Add(' <canvas id = "andy" width = "'+IntToStr(UniApplication.ScreenWidth-2)+'" height = "'+IntToStr(UniApplication.ScreenHeight-2)+'" style = "border: 1px solid #000000;">'); Why can I not get correct width/height for canvas, my best fit was Panel.Width+43 and Panel.Height+84 which is unique to my iPhoneX and incorrect for any other mobile device. How can I get correct pixel dimensions to declare for my canvas ? Please advise - thanks in advance.

Hello guys, how you guys doing? I started 2 days ago working with UNIGUI and i have some questions about how to edit the style of my application. I need to know how i can remove default style of a component and add a new one, using CSS of course. I just need a basic example. Thanks....

I have an application that populates a TUniStringGrid dynamically and the data is loaded based on the selected item from a specific list. Which could be solved by any of the 2 situations below: 1. How can I execute a line of JS code? or 2. How can I hide a column completely? Since there is no Visible property in Columns (only used Columns.width := 0) To elaborate: 1. The javascript is like this, $('.test').each(function () { $(this).css('display', $(this).width() == 0 ? 'none' : ''); }); I've tried UniStringGrid.JSInterface.JSCode('code here'); But it doesn't run. Alternatively, I've also used the ClientEvents.ExtEvents property, but this only works on the initial loading (placed on afterlayout) but when the data is changed, doesn't run anymore. 2. The columns appear as the image below Either solution to the 2 problems above would be great! Thanks!

Hello everybody, I would like to know how to work with CSS. What I do: Place a Hint customized as per attached. I have the following CSS code, which for all I know, we put in SeverModule. .tooltip { border-bottom: 1px dotted #000000; color: #000000; outline: none; cursor: help; text-decoration: none; position: relative; } .tooltip span { ; position: absolute; } .tooltip:hover span { border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); font-family: Calibri, Tahoma, Geneva, sans-serif; position: absolute; left: 1em; top: 2em; z-index: 99; margin-left: 0; width: 250px; } .tooltip:hover img { border: 0; margin: -10px 0 0 -55px; float: left; position: absolute; } .tooltip:hover em { font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold; display: block; padding: 0.2em 0 0.6em 0; } .classic { padding: 0.8em 1em; } .custom { padding: 0.5em 0.8em 0.8em 2em; } * html a:hover { background: transparent; } .classic {background: #FFFFAA; border: 1px solid #FFAD33; } .critical { background: #FFCCAA; border: 1px solid #FF3334; } .help { background: #9FDAEE; border: 1px solid #2BB0D7; } .info { background: #9FDAEE; border: 1px solid #2BB0D7; } .warning { background: #FFFFAA; border: 1px solid #FFAD33; } Now, how to make my UniLabel1 to show you the hint as the attached? Grateful for the help ================================================ COMO TRABALHAR COM CSS? Olá pessoal, eu gostaria de saber como trabalhar com o CSS. O que quero fazer: Colocar um Hint personalizado conforme a figura em anexo. Eu tenho o Código CSS a seguir, que pelo que sei, nós colocamos no SeverModule. Agora, como fazer com que meu UniLabel1 mostre para o usuário o hint como a figura em anexo? Grato pela ajuda Fonte: http://sixrevisions.com/css/css-only-tooltips/

Boa noite, Tenho uma carta que esta com format RTF quando eu imprimo no unigui desktop funciona 100% mais quando gero a dll e coloco no servidor o campo richedit não imprime os demais imprimi. Alguém tem uma solução para isso? Att, Amaro

I'm a newbie at Unigui. I want to buy a copy of unigui so I tried some examples. It's a good solution for delphier to develop web application, but I want to know how to get the css selectors for each controls. such as .x-treelist-item .x-treelist-nav for TuniTreeMenu. Thank you very much.

Hi folks, i have a dbgrid with a column which the DataField behind holding a integer value. This integer value is a key to another table dataset. I set up a TuniDBLookupCombobox showing a string field in the dropdown and as Keyfield the integer value. Now i configured the column to show the LookupCombobox as the editor. My problem: The integer value is shown in de column, not the String field configured in the LookupCombobox. Can anybody help me with this?

I have a project where I need to build some html att runtime. A part of the contents I'm trying to show is a Facebook timeline plugin. The html code for the plugin is creaed at https://developers.facebook.com/docs/plugins/page-plugin. If I set the html code at design time the contents is shown correctly, but if I set i dynamically at runtime the contents isn't show correctly - there is just an empty space with the url to the facebookpage, see the attached screen dump. The html code: <div id="fb-root"></div> <script> (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = 'https://connect.facebook.net/sv_SE/sdk.js#xfbml=1&version=v3.1&appId=1802520233141884&autoLogAppEvents=1'; fjs.parentNode.insertBefore(js, fjs); } (document, 'script', 'facebook-jssdk')); </script> <div class="fb-page" data-href="https://www.facebook.com/sbkattila"data-tabs="timeline" data-width="300" data-height="500" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false"> <blockquote cite="https://www.facebook.com/sbkattila"class="fb-xfbml-parse-ignore"> <a href="https://www.facebook.com/sbkattila">SBKAttila</a> </blockquote> </div> The program code: procedure TMainForm.UniButton1Click(Sender: TObject); var MemStream: TMemoryStream; begin MemStream:= TMemoryStream.Create; HTMLFrame1.HTML.SaveToStream(MemStream); MemStream.Position:=0; HTMLFrame2.Html.LoadFromStream(MemStream); MemStream.Free; end; I have tried to use Repaint, Refresh, ReAilgn, Update methods for the UniHTMLFrame. I have also tried to put the script spart of the html code in UniHTMLFrame.BeforeScript. I have tried to use bothe Google Chrome an d Internet Explorer with the same result. I'm using Delphi 10.2 Enterprise Update 3 and UniGui 1.10.0.1471 (full license). I have attached a sample project(project1.zip) that shows the problem. Project1.zip

Is it possible to apply a CSS Style in TUnimList to be different from the Unigui / Sencha pattern?

How do I put a CSS code to customize a Unimpanel? I've tried to put the same I do with LABEL but it did not work

how can I use this js code in unigui? Ext.onReady(function () { var grid = Ext.widget({ xtype: 'grid', height: 400, store: { fields: ['name', 'size', 'progress', 'status'] }, tbar: [{ xtype: 'filefield', buttonOnly: true, width: 10, listeners: { render: function (s) { s.fileInputEl.set({ multiple: 'multiple' }); }, change: function (s) { Ext.each(s.fileInputEl.dom.files, function (f) { var data = new FormData(), rec = grid.store.add({ name: f.name, size: f.size, status: 'queued' })[0]; data.append('file', f); Ext.Ajax.request({ url: '/upload/files', rawData: data, headers: { 'Content-Type': null }, //to use content type of FormData progress: function (e) { rec.set('progress', e.loaded / e.total); rec.set('status', 'uploading...'); rec.commit(); }, success: function () { rec.set('status', 'done'); rec.commit(); }, failure: function () { rec.set('progress', 0); rec.set('status', 'failed'); rec.commit(); } }); }); } } }], columns: [ { text: 'Name', dataIndex: 'name', flex: 1 }, { text: 'Status', dataIndex: 'status', width: 100 }, { text: 'Progress', xtype: 'widgetcolumn', widget: { xtype: 'progressbarwidget', textTpl: [ '{percent:number("0")}%' ] }, dataIndex: 'progress', width: 100 }, { text: 'Size', dataIndex: 'size', width: 100, renderer: Ext.util.Format.fileSize } ], renderTo: Ext.getBody() }); }); thanks for the help

Hi, I have the following problem. When I want to modify in a form a Lookup field that has more than one field defined in LookupKeyFields (Ex: "Company; Agreement") the error "TableName: Field" Company; Agreement "not found" is generated. That error does not occur when there is a single field in LookupKeyFields. Any idea why this error occurs and how can I solve it? ... I have cases that I need to define 2 or more fields in LookupKeyFields and in the version of delphi 7 I worked correctly. I am using Delphi 10.2 Tokyo with version 1.10.0.1453 of Unigui. Thanks in advance

Olá a todos, eu gostaria de saber como alterar a cor de fundo para branco e esconder a borda de uma PageControl! Como exemplo, a página inicial do do uniGUI Desktop Demo Application, as etiquetas das páginas ativas tem o fundo branco, e sem borda do PageControl. Obrigado! Hello everyone, I would like to know how to change the background color to white and hide the border of a PageControl! As an example, the homepage of the uniGUI Desktop Demo Application, the labels of the active pages have the white, borderless background of the PageControl. Thank you! (Google Translator) Julio Cesar Brasilia - BR

Hello everybody, It will be possible in Unigui to modify the behavior of the columns of an unidbgrid associated with fields Lookups?. I need that instead of showing the drop-down list another option is shown (Ex: Ellipsis) so that clicking on that column will open a modal form where I can select the data that I need and return that data to the original Form. Thanks

Hi All!! A PDF Viewer Panel - No Browser Plugin required, pure JavaScript Source: http://www.sencha.com/forum/showthread.php?237361-A-PDF-Viewer-Panel-No-Browser-Plugin-required-pure-JavaScript Demo: http://SunboX.github.com/ext_ux_pdf_panel/demo/ Github Project: https://github.com/SunboX/ext_ux_pdf_panel How to use: TRY... 1. Download files: http://sunbox.github.io/ext_ux_pdf_panel/lib/pdf.js/compatibility.js --> copy to directory (/files/pdf/) sunbox.github.io/ext_ux_pdf_panel/lib/pdf.js/pdf.js --> copy to directory (/files/pdf/) http://sunbox.github.io/ext_ux_pdf_panel/ux/util/PDF/TextLayerBuilder.css --> copy to directory (/files/pdf/pdf/) http://sunbox.github.io/ext_ux_pdf_panel/ux/panel/PDF.js --> copy to directory (/files/pdf/pdf/) http://sunbox.github.io/ext_ux_pdf_panel/ux/util/PDF/TextLayerBuilder.js --> copy to directory (/files/pdf/pdf/) 2. Add CustomFiles in UniServerModule: files/pdf/compatibility.js files/pdf/pdf.js files/pdf/pdf/PDF.js files/pdf/pdf/TextLayerBuilder.js files/pdf/pdf/TextLayerBuilder.css 3. Paste into a form UniHTMLFrame1 and add UniHTMLFrame1.HTML...: <div id="pdfviewer" align="center"></div> 4. procedure TMainForm.UniButton1Click(Sender: TObject); begin UniSession.AddJS('if (Ext.get("pdfviewerpanel")) {Ext.get("pdfviewerpanel").remove()};'); UniSession.AddJS('Ext.create(''Ext.ux.panel.PDF'', {' + 'id : "pdfviewerpanel", ' + 'title : ''PDF Panel'',' + //'width : ' + IntToStr(UniHTMLFrame1.Width) + ' ,' + //'height : ' + IntToStr(UniHTMLFrame1.Height) + ',' + 'width : 489,' + 'height : 633,' + 'pageScale: 0.75,' + 'src : ''http://cdn.mozilla.net/pdfjs/tracemonkey.pdf'', ' + 'renderTo : "pdfviewer"' + //'renderTo : Ext.getBody()' + '});'); end; Best regards.

Hi, I have been trying to take value from a lookup modal form that contains a grid showing values for choosing to a main form editbox. How can i do this in Unigui? I tried many ways but i am unable to do show. Can you please guide what is the best way to do so> Regards

Hi, I wonder if it's possible to put a pin when showing google maps. I'm reading coordinates from mysql and displaying the map that correspond to the coordinates but i want to put a pin to show exactly where on the map the location is? I looked at the google maps demo but there was no pin in the example. Best Regards /Christian

Are there plans to write client events in pascal too? Something like this? https://github.com/bytbox/pas2js Anyone knows morfik ( http://www.morfik.com/)? With this dev-tool you are able to write in pascal for client and for server side. Client side pascal will then compiled into javascript. Great concept, very elegant. But unfortunatly morfik is not maintained anymore. Cheers!