Search the Community
Showing results for tags 'uniguidelphi', 'web', 'bootstrap', 'extjs', 'javascript', 'html', 'css', 'pascal', 'firebird', 'mysql', 'postgresql', 'rad', 'desenvolvimento', 'lookup', 'styles', 'notificacoes', 'dinamico', 'migração', 'erp', 'temas', 'ticket', 'chamados' or 'website'.
-
Dear friends, does anyone of you have an idea, how I could style a TabControl, so that the buttons are shown at the bottom of the panel (also arranged like they are hanging at the botton). I found some information on the sencha Website with the TabPosition Property of the "Ext.tab.Panel", but it seems not to work or even causes an error. Any suggestions greatly appreciated! Gerhard Ziegler Wien & Berlin
- 25 replies
-
- TabControl
- Buttons
-
(and 1 more)
Tagged with:
-
Hello, I am creating a login screen using bootstrap, the information that is in the tEdits I have been able to retrieve, however I have a checkbox that indicates whether or not to save the user data in cookies, I can not in any way recover a true or false Coming from checkbox, I'm using a tuniurlframe to display the controls I pass the data to the form using the OnAjaxEvent event In the end it does not return the property in the event I'm sending the project to make it easier to understand Login HTML.rar
-
Hi, I want to use third party javascript library for my web front end, so I search posts for how to use javascript library like c3js working under uniGUI, I found uniHtMLFrame component can do it, following is my steps: step1: ServerModule.pas -> CustomFiles -> Add css/c3.css js/d3.v3.min.js js/c3.js step2: Main.pas -> Add UniHTMLFrame1\ UniButton1\ UniButton2\ UniButton3 Click UniButton1 Load html file into UniHTMLFrame1. Click UniButton2 Update Web Front End with javascript code random numbers. Click UniButton3 Update Web Front End with uniGui(delphi code) random numbers. procedure TMainForm.UniButton1Click(Sender: TObject); begin HTML.HTML.LoadFromFile('files\simple.html'); end; procedure TMainForm.UniButton2Click(Sender: TObject); begin UniSession.AddJS( 'var chart = c3.generate({ ' + ' data: { ' + ' columns: [ ' + ' [''data1'', Math.random()*1000, Math.random()*1000, Math.random()*1000, Math.random()*1000, Math.random()*1000, Math.random()*1000], ' + ' [''data2'', Math.random()*1000, Math.random()*1000, Math.random()*1000, Math.random()*1000, Math.random()*1000, Math.random()*1000] ' + ' ], ' + ' onclick: function (d, element) { console.log("onclick", d, element); }, ' + ' onmouseover: function (d) { console.log("onmouseover", d); }, ' + ' onmouseout: function (d) { console.log("onmouseout", d); }, ' + ' } ' + '}); ' ); end; procedure TMainForm.UniButton3Click(Sender: TObject); var data1: array[0..5] of Integer; data2: array[0..5] of Integer; i: Integer; begin for i := 0 to 5 do begin data1[i] := Random(1000); data2[i] := Random(1000); end; UniSession.AddJS( 'var chart = c3.generate({ ' + ' data: { ' + ' columns: [ ' + ' [''data1'', ' + IntToStr(data1[0]) + ', ' + IntToStr(data1[1]) + ', ' + IntToStr(data1[2]) + ', ' + IntToStr(data1[3]) + ', ' + IntToStr(data1[4]) + ', ' + IntToStr(data1[5]) +'], ' + ' [''data2'', ' + IntToStr(data2[0]) + ', ' + IntToStr(data2[1]) + ', ' + IntToStr(data2[2]) + ', ' + IntToStr(data2[3]) + ', ' + IntToStr(data2[4]) + ', ' + IntToStr(data2[5]) +'], ' + ' ], ' + ' onclick: function (d, element) { console.log("onclick", d, element); }, ' + ' onmouseover: function (d) { console.log("onmouseover", d); }, ' + ' onmouseout: function (d) { console.log("onmouseout", d); }, ' + ' } ' + '}); ' ); end; simple.html <html> <head> <!-- link rel="stylesheet" type="text/css" href="../css/c3.css" --> </head> <body> <div id="chart"></div> <!-- script src="../js/d3.v3.min.js" charset="utf-8"></script --> <!-- script src="../js/c3.js"></script --> <script> var chart = c3.generate({ data: { columns: [ ['data1', 30, 200, 100, 400, 150, 250], ['data2', 50, 20, 10, 40, 15, 25] ], onclick: function (d, element) { console.log("onclick", d, element); }, onmouseover: function (d) { console.log("onmouseover", d); }, onmouseout: function (d) { console.log("onmouseout", d); }, } }); </script> </body> </html> The code run smoothly and I attach uniGUI project including csj3. If you have more concise code, let me know. My question: Is there more easy and Efficient method to interface between Server End and Front End javascript? because I need to monitor some modbus device like thermometers or switches connecting to my uniGUI server directly, and updating the display accordingly, and it is realtime monitor and quick response, the smaller traffic between server and web front is welcome. thermometers <-- Modbus TCP/RTU --> uniGUI server <-- javascript --> web front (C3js) Thanks Farshad Mohajeri, Delphi Developer, mohammad et al for your valuable posts. C3js.rar
- 1 reply
-
- c3js
- javascript
-
(and 1 more)
Tagged with:
-
Help with html buttons I have a button created in html and I would like that when I click the button it executes what I want, I have doubt of how to do somebody could guide me. This is an example of the button in html <Button type = "button" name = "normal"> Normal </ button>
-
Hi, I tried implementing server side javascript with mormot SpiderMonkey, SyNode. I always get an error : Project XXXXX.exe raised exception class $C0000005 with message 'c00000005 ACCESS_VIOLATION' When running the same lines of code in a VCL application everynting works fine. The exception Is raised in Spidermonkey Unit in the line : function JS_NewRuntime(maxbytes: uint32; maxNurseryBytes: uint32; parentRuntime: PJSRuntime): PJSRuntime; cdecl; external SpiderMonkeyLib; What should I do? Is mormot's implementation incompatible with uniGui? If so what are my alternatives? Thanks...
-
Hello everyone, i'm in trouble with personalization of client graphic issue of uniCalendarPanel. After some studing of js, extj and js-client-event, i have reached the goal of assign some new class to day cell of the calendar on the event datachange of the calendarpanel object. So i can change month in monthview and the event DateChange make the right work. My problem occur after login and after coming back to the calendar pannel after validation of an other form. In these two cases i need to fireup the event manually. I can't figure how to implement this beaviour. I think the correct js code is <my unicalendarpanel object identifyer>.fireEvent('DateChange', myStartDate, myStartWiewDate, myEndWiewDate); i can use it in a UniSession.addJS or in client-event to run the command, but can't find the correct moment to do that. During the login the mainform of the app is just redered and the code in DateChange event is just runned. After login when the mainform and unicalendarpanel object are shown at the client screen, the graphic is re-redered, but no event is fired (at list i beleave that or can't find that). thanks a lot, and sorry for my bad english. Davide
- 10 replies
-
- unicalendarpanel
- extjs
-
(and 1 more)
Tagged with:
-
Hi everybody, I wonder if it's possible to remove the clear button on the TuniDBNumberEdit and TuniDBFormattedNumberEdit. I could not find properties for this. I am using the controls in the web form and mobile form. The button will show as i start typing and in the textbox. Best regards Christian
- 11 replies
-
- clearbutton
- tunimdbnumberedit
-
(and 3 more)
Tagged with:
-
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
- 29 replies
-
- googlemaps
- pin
-
(and 2 more)
Tagged with:
-
For instance, would pafina made in html and plain javascript , calling a unit method of Delphi , it is possible ?
-
I've got the Google Charts API thing working (thanks to the poster who posted the sample code, I will post my code when it's all working) Basically, I build the HTML in Delphi code (which I know inside out) then pass that HTML to a UniURLFrame and it displays fine. All is good with the world. However, if I want to re-draw the chart because the user has selected different options, it doesn't work. If I assign new HTML to the UniURLFrame it doesn't draw and produces errors. Without going into detail, these errors are caused because I have already loaded things and created things in the Javascript HTMl the first time round. My question is this: is this the right way to do this sort of thing (i.e. assign HTML to a UniURLFrame) or is there a better way to do it? If this was in Windows development, you would clear what had gone before, then change the HTML then call a refresh method or the like to load in the new HTML. I know this isn't how JavaScript works but any pointers would be gratefully received. Thanks and all the best to all in the Unigui community :-) Andy
- 3 replies
-
- HTML
- UniURLFrame
-
(and 1 more)
Tagged with:
-
Hi there, I just started two days ago with uniGui - an generally I am fascinated! I wanted to built up a more Office2016 like style, with no runded buttons and no shades, mostly white. I managed it quite with the buttons, but concerning the PageControl and the Grid, I simply dont know the CSS Properties of these components. I found something like "x.tab....", but it seems I dont know all properties, so I spoiled it a bit. And I know nothing about the grid? By the way, maybe you also know, how can I handle wordwrap in the UniGui Buttons? Greetings from Berlin!
- 5 replies
-
- pagecontrol
- css
-
(and 1 more)
Tagged with:
-
Dear friends! CoolClock is a customisable javascript analog clock. http://randomibis.com/coolclock/ Demo: http://randomibis.com/coolclock/demos/demo2.html A simple usage example: 1. Download coolclock.js, moreskins.js and excanvas.js and put them in "/files/coolclock/" folder. 2. Add the module untClock.pas to the project untClock.zip 3. ... and frmClock.Show(); Try... Best regards.
-
Hello friends, I would like to know how to change the image of a TUniImage when the mouse passes over. Thank you very much in advance.
-
Hello, Can somebody help me with inserting pdf document from disc to uniHTMLFrame. I've got following code, but its not working. <div id="pdf"> <object width="400" height="500" type="application/pdf" data="3.pdf" id="pdf_content"> <p>Cant find document.</p> </object> </div>
-
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/
-
Hi, How to config custom font in uniGui ? i wish client-side can render the new font without installing it Thank you
-
Hi, how can I open a form from an css menu I am using a htmlframe but I dont know how to capture the selection clicked in the extevent for execute an action
-
Hello friends When I create a UniContainerPanel it generates this HTML + CSS below: <div id="O11_id" style="background-color: rgb(171, 171, 171); left: 362px; top: -88px; width: 640px; height: 398px; padding: 0px; border-width: 0px; margin: 0px; right: auto;" class="x-container x-abs-layout-item x-container-default x-abs-layout-ct"> <span role="presentation" style="display: table; width: 100%; table-layout: fixed; height: 100%;" id="O11_id-outerCt"> <div role="presentation" class="" style="display:table-cell;height:100%;vertical-align:top;" id="O11_id-innerCt"> </div> </span> </div> For unicontainerpanel be rounded and shaded, now I have to use one image! How could this change css ??? It could be a css like this: .test { background: # 333; width: 450px; margin: auto; padding: 10px; text-align: center; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } Remembering that my unipanelcontainer will have buttons inside !!! More like this change css ??? It is possible to change ?? Any example ?? Thanks in advance
-
Hi uniguys (-and girls) ;-) I have here a little app writen in unigui. The app should run in a iframe of a html page. The html page has a big css file declaring the view of the obejcts used on the html page. In the header of the html page it loads the following font: <link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,400italic,300italic' rel='stylesheet' type='text/css' /> Is there a chance that i can use the same font and css in my unigui app? If yes, how can that be done? I tryed it with TuniHTMLFrame, setting the html property: <!DOCTYPE html> <html> <head> <link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,400italic,300italic' rel='stylesheet' type='text/css' /> </head> <body> </body> </html> But if i firebug the app, i cannot see the link to the font in my app. Any help would be great.
-
Hi Friends, In my opinion another excellent javascript library D3 for data visualization (and not only) ... D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation. http://d3js.org/ examples Best regards.
- 3 replies
-
- 1
-
- javascript
- library
-
(and 2 more)
Tagged with:
-
Hi Friends, A simple animation for standard ShowMessage and MessageDlg... Add this CSS in UniServerModule.CustomCSS. .x-message-box { -moz-transition: 0.5s ease-out; /* for Firefox 15 */ -webkit-transition: 0.5s ease-out; /* for Chrome and Safari */ transition: 0.5s ease-out; } http://www.w3schools.com/cssref/css3_pr_transition.asp Best regards.
-
Hi Forum! This is the case: A HTML page with ASP define variables, Session variables. code: <html> <% Dim urlname urlName = "localhost:/cgi-bin/mydll.dll" Session("virtualSnipper") = MySnipperFunction(Session.id) %> <head> <title>My Title</title> </head> <body> <iframe name="framei" id="framei" frameborder="0" width="100%" height="98%" src="<%=urlName %>"> </iframe> </body> </html> When mydll.dll (an unigui web application) is called, the session has defined "virtualSnipper" value. Hoy can read that value into my unigui application and where (datamodule, mainform, dpr) ? is it possible?.. Thanks