Leaderboard

Hi all, I'm testing a mix of Unigui (ExtJs Layout) and Pure.css for get a TOTAL CLIENT Responsive features. Work is in progress, but this is a short video of result. I want to get a client (in browser) responsive operations ,to avoid too much communication with the server, especially with large installations. Any hint or help is valuable, thank you! Happy New Year to all! Demo Responsive_GoogleChrome.mp4

Some progress:

Hello, Try this approach: procedure TMainForm.UniFormCreate(Sender: TObject); begin with UniDBDateTimePicker1 do if Kind = tUniDateTime then ClientEvents.UniEvents.Values['time.beforeinit'] := 'function time.beforeInit(sender, config){config.flex=8.5}'; ... end;

1. function tabPanel.afterrender(sender, eOpts) { sender._refreshBody = function() { if (sender.tabBar.getRefItems().length == 0) { sender.ownerCt.addBodyCls('customBody') } else { sender.ownerCt.removeBodyCls('customBody') } }; sender._refreshBody(); sender.on('add', sender._refreshBody); sender.on('remove', sender._refreshBody); } 2. CustomCSS: .customBody .x-panel-body { background-image: url("https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_92x30dp.png"); background-repeat: no-repeat; background-position: center; }

It's simple: Form.Script.Add (Your javascript code); example: ClientInfo.zip

I decided to open this post because for the first time I am making an application that will need a higher level of security, and after reading the post http://forums.unigui.com/index.php?/topic/16334-can-we-apply -some-protection-against-different-attacks/#comment-89591 I found it necessary to research a little more on the topic. I found a tool that does basic testing for free and I submitted my site and would like other more experienced users or even the support team to comment or give security tips. The tool used was: https://pentest-tools.com/website-vulnerability-scanning/website-scanner Attached report of the results. If you have tips on other tools, I would also appreciate it. At some point I plan to take up a paid subscription to have access to a full scanner. PentestTools-WebsiteScanner-report - public.pdf

Hi, I'm in development stage, so code change very often. I will share sources as soon as they are stable and works well 🙂 So all can contribute for better result, thanks!

Hello, Yes we will work on this and we will add all required headers in the one of the next build

Hayri, will this change later be incorporated into the unigui source or is it something I'll need to do every time? It's not a complaint, but just to know and already leave a note for when you change the version of UniGui.

With the next build, if you have forwarded ip, it will show it.

A bit more universal approach. Still not perfect, though. if HTTPSRedirect then begin var Port1:=''; var Port2:=''; if Port<>80 then Port1:=':'+Port.ToString; if SSL.SSLPort<>443 then Port2:=':'+SSL.SSLPort.ToString; var s:=''; if (Port1<>'') or (Port2<>'') then begin s:=' if (loc.indexOf('''+Port1+'''+''/'')>0){'#13#10+ ' loc = loc.replace('''+Port1+'''+''/'','''+Port2+'''+''/'');'#13#10+ ' }'#13#10; end; s:='<script language="JavaScript">'#13#10+ 'function redirectHttpToHttps()'#13#10+ '{'#13#10+ ' var loc = window.location.href+'''';'#13#10+ ' if (loc.indexOf(''http://'')==0){'#13#10+ ' loc = loc.replace(''http://'',''https://'');'#13#10+ s+ ' window.location.href = loc;'#13#10+ ' }'#13#10+ '}'#13#10+ 'redirectHttpToHttps();'#13#10+ '</script>'; CustomMeta.Text:=s; end;

Hello this is my solution for my customers to change the colors - it works in your existing unigui-application. If you will used it -and make it better 😉 - please post your work here HowTo: Please set Theme "triton.modified" in UniMainModule you need public vars in UniMainModule: my_text_under_highlite, texthintergrund, texthintergrund_focus, my_color, hintergrundfarbe, randfarbe, textfarbe : String; you need a hidden "UniHTMLFrame2" in Mainform ..and the Form in the zip 😉 unigui_UI.webm colors.zip

Try this approach: procedure TMainForm.UniButton1Click(Sender: TObject); begin //UniContainerPanel1.ScrollBy(-100,0); //not working UniContainerPanel1.JSInterface.JSCall('getScrollable().scrollBy', [-100, 0]); end; procedure TMainForm.UniButton2Click(Sender: TObject); begin //UniContainerPanel1.ScrollBy(100,0); //not working UniContainerPanel1.JSInterface.JSCall('getScrollable().scrollBy', [100, 0]); end;

About the same as on Windows: put certificates + key, install OpenSSL lib.

Пробуй. Скорее всего будет работать.

Если я правильно понял вопрос, то лучше знать ID сессии и по нем искать: var Session := UniServerModule.GetSession(SessionID); var MainModule := TUniMainModule(Session.UniApplication.UniMainModule);

Merhaba Malesef oraya help button eklemenin baska yolu yok

Hello @yakup UniHTMLFrame1.AutoScroll = True

Hello @yakup Use ToolButtons:

Все, я понял, просто нет такой иконки как "action"🙂

Да, используйте UniNativeImageList.

Hello, This post may help you:

procedure(ASender: TComponent; ARes

Спасибо!

Здравствуйте, \FMSoft\Framework\uniGUI\Demos\Desktop\Clientside Alignment - Layout Accordion

This post may help you:

I am not sure. maybe You can try to using UniSession.AddJS

If you can read NFC in a web browser (Chrome), then with Android + WebView you can too. https://web.dev/nfc/ https://googlechrome.github.io/samples/web-nfc/ You can send from Android app to Webview some variables or perform functions : https://stackoverflow.com/questions/11752052/passing-data-from-java-class-to-web-view-html https://www.quora.com/How-do-you-pass-data-to-WebView-in-Android https://medium.com/@sreeharikv112/communication-from-webview-to-native-ios-android-app-6d842cefe02d

Hello, Based on which real data? The "experienced" Delphi Developer should demonstrate us that he can finish his particular project using REST API in less than time you can finish same project in uniGUI. Since no such thing has been demonstrated yet, the above statement is only speculation from someone who have little understanding of uniGUI.

Puzzle v1 Game Demo Link; Hybrid (Can run on any platform) Install(Apk), Download, No Ads, Open, Run, Play... http://epikbalad2.myftp.org:4199/myweb/yapboz.dll Purpose: The symbol cell is empty, the other cells next to the empty cell are clicked to move it. 1 2 3.. sequential or A B C.. sequential status is tried to be provided. Top Left Red Button, the program warns, provides shutdown Top Right; How many correct and how many incorrect information can be viewed on the information screen, which is yellow when a new game is started or between games, the cells in the correct green position and the cells in the wrong position appear red. The Green Button starts unlimited new games. Red Button opens Parameter screen Parameter Display Information; The selection can be used parametrically, either in numerical order or letter-ordered if desired. There is vibration, every touch vibration in the mobile Android system, the duration is Short Medium Long, how many times it will vibrate again 1 2 3 Picture Available, Panel provides background picture, If No Picture, only numbers or letters are displayed according to selection Showing, Floating Animated cell switching, horizontal to vertical, Fading animation disappears after tapping. Font Name, A specific post name can be selected, Mixed random different font name is used Font, Specific font can be selected, Mixed random different font works Symbol, Space cell symbol preference Symbol When the button is pressed, it provides color selection, letter, number and symbol color selection. Panel Button provides color selection main screen and panel color selection when pressed Position, Space cell symbol first or last Alert Yes, Sound is used as a result of every mobile touch, or mouse click operation Frame Yes, Panel border lines

For the FMsoft team. In addition to selling the unigui license, you could sell a package of questions with solutions. In other words, a session within the forum where only those who have the package of doubts would have the FMsoft team's solution. Because I see that many users ask for very specific things about their software and I see that for these issues it would be better to have paid support separate from the license there are common issues for everyone and for that the subscription should cover however only for a period of one year, thus forcing the annual renewal. Why do I suggest this? Because unigui is by far the best framework for fast web developers and it's only fair that we developers help more the growth of the FMsoft team.

UniSession.AddJS('Ext.util.CSS.createStyleSheet(".x-grid-group-title {font-size: 12px;}", "customId")'); UniSession.AddJS('Ext.util.CSS.removeStyleSheet("customId")');

Hello Try to create ajaxRequest like the below code theInput = document.getElementById("O14_id-inputEl"); ajaxRequest(UniLoginForm1.form, "Farbe", {param0: theInput.value })

Yes! This is that what I want. Thank's, @Sherzod!

Hello, 1. UniButton.LayoutConfig.Cls = roundBtn 2. CustomCSS: .roundBtn { border-radius: 10px; }

And you can also add custom headers like the below code: procedure TUniServerModule.UniGUIServerModuleHTTPCommand( ARequestInfo: TIdHTTPRequestInfo; AResponseInfo: TIdHTTPResponseInfo; var Handled: Boolean); begin AResponseInfo.CustomHeaders.AddValue('X-Content-Type-Options', 'nosniff'); AResponseInfo.CustomHeaders.AddValue('X-Frame-Options', 'SAMEORIGIN'); AResponseInfo.CustomHeaders.AddValue('X-XSS-Protection', '1; mode=block'); end;

Thankss, at now moment it's working!

It works Much obliged.

UniDBGrid1.ClientEvents.ExtEvents.Values['store.load'] := 'function store.load(sender, records, successful, operation, eOpts){var me=sender; me.remoteSort=false; me.sort({property:0, direction:"ASC"});}';

Work Perfect! Thanks.

Hello, 1. CustomCSS: .tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; top: 150%; left: 50%; margin-left: -60px; } .tooltip .tooltiptext::after { content: ""; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent black transparent; } .tooltip:hover .tooltiptext { visibility: visible; } 2. UniLabel.Caption = <div class="tooltip">Hover over me<span class="tooltiptext">Tooltip text</span></div> 3. UniLabel.TextConversion = txtHTML

Merhaba, Unigui ile veri tabanı yazılımları geliştirmiş (MSSQL). Delphi konusunda deneyimli. Zaman sorunu olmayan, proje bazlı çalışacak arkadaş varsa özelden yazmasını rica ederim.

Google Charts in uniGUI Hello, I have published in github my components to generate charts in uniGUI using de Google Charts API. The components support the following types: Annotation Area Bar Bubble Calendar Candlestick Column Combo Diff Donut Gantt Gauge Geo Histogram Intervals Line Organization Pie Sankey Diagram Scatter Stepped Area Table Timeline Tree Maps Trendlines Waterfall Word Trees The library includes in demos folder the GChartsDemo project with several examples that show how to build the different class charts. When running the demo you can: Display the Delphi Code used to generate the Chart Click Google Guide button to see the official documentation of Google Charts. Click on the Chart to see fired events (new) Click on Print button to print current frame with the chart/charts: You can get the source code in https://github.com/JosepPages7/Delphi-GCharts Please, if you use or like Delphi GCharts, "Star" this project in GitHub!

Hi @boka, yes this is possible, you can check an example here: \UniFalcon\Demos\FSConfirm (in folder) or https://demos.falconsistemas.com.br/?tela=tfrmconfirm

procedure TUniServerModule.UniGUIServerModuleHTTPCommand( ARequestInfo: TIdHTTPRequestInfo; AResponseInfo: TIdHTTPResponseInfo; var Handled: Boolean); var SessionId : string; begin SessionId := ExtractSessionId(ARequestInfo.UnParsedParams); end; uses UniGUIVars, uniGUIJSUtils;

function beforeInit(sender, config) { config.inputMask = '(99) 9999-9999'; } Eduardo Belo

Hi, ExtEvents: function added(sender, container, pos, eOpts) { sender.addCls('bntLogin'); } CSS (servermodule): .bntLogin { background:#1892d1 !important; color:#fff !important; -webkit-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out; } .bntLogin:hover { background:#828282 !important; -webkit-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out; } Hope this will help you...