sobakava

+1 +1 +1

I'm trying to create drop-shadow effect using CSS for a Unipanel or HTMLFrame. Even though I align it with margins, the shadow effect is somehow cropped. You can see at the bottom right corner of the image below. Border and gradient works ok. But the shadow looks like masked by some kind of border. I have tried to place this HTMLFrame inside a TUniContainerPanel with margins but it is still the same. What is the trick to do this? Any help will be really really appreciated. I spent my last four hours on this. Here is my CSS : '.panel_graph_parent { ' + ' border-radius: 14px !important; ' + ' padding: 20px !important; ' + ' border: 2px solid #e5e5e5 !important; ' + ' opacity: 0.95; ' + ' background:#ffffff; ' + ' background: ' + ' -moz-linear-gradient(top, #ffffff 0%, #fefefe 100%); ' + ' background: ' + ' -webkit-gradient(linear, left top, left bottom, ' + ' color-stop(0%,#ffffff), color-stop(100%,#fefefe)); ' + ' background: ' + ' -webkit-linear-gradient(top, #ffffff 0%,#fefefe 100%); ' + ' background: ' + ' -o-linear-gradient(top, #ffffff 0%,#fefefe 100%); ' + ' background: ' + ' -ms-linear-gradient(top, #ffffff 0%,#fefefe 100%); ' + ' background: ' + ' linear-gradient(to bottom, #ffffff 0%,#fefefe 100%); ' + ' filter: progid:DXImageTransform.Microsoft.gradient( ' + ' startColorstr="#ffffff", endColorstr="#fefefe", ' + ' GradientType=0 ); ' + ' -webkit-box-shadow: 8px 8px 6px -1px rgba(0,0,0,0.85); ' + ' -moz-box-shadow: 8px 8px 6px -1px rgba(0,0,0,0.85); ' + ' box-shadow: 8px 8px 6px -1px rgba(0,0,0,0.85); ' + '}

http://robert-schaefer.blogspot.com.tr/2012/11/implementing-extjs-combobox-in-apex-pt.html ExtJS Iconcombo.

http://kushagragour.in/lab/hint/ I wish to use this kind of hint style with my UniGui application. I know how to add a CSS style to a component but I just don't know how to add an attribute to an object, in this case it is "data-hint". How can I do this? "Without" using UniLabel TextConversion interpreted as txtHTML. For instance I just want to Hello Sir, <span class="hint--bottom" data-hint="Thank you!">hover over me.</span> I thought something like this would do it. But it seems like it is not applicable. function added(sender, container, pos, eOpts) { sender.setAttribute("data-hint", "Hello"); sender.addCls('hint--bottom'); }

it there a way to add new data points to these charts without refreshing the whole HTML frame?

I'm trying to develop a custom unigui component within a TFrame parent. Everything was fine so far but I have to add an icon to this component. I added a Tbitmap property for this. I'm creating and freeing the bitmap in the contructor and destructor. I can change the bitmap at design time using object inspector. My problem is, when I try to remove the component from my form, Delphi crashes with Access Violation error. If I comment out Icon.Free on destructor, it does not crash. unit unit_device_type_a; interface uses Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms, Dialogs, uniGUITypes, uniGUIAbstractClasses, uniGUIClasses, uniGUIFrame, uniGUIBaseClasses, uniPanel, uniLabel, Vcl.Imaging.pngimage, uniImage, uniEdit; const Fversion = '1.0.0'; type Tframe_device_type_A = class(TUniFrame) panel_parent: TUniPanel; UniPanel2: TUniPanel; label_header: TUniLabel; bitmap_icon: TUniImage; UniLabel1: TUniLabel; UniLabel4: TUniLabel; UniLabel5: TUniLabel; UniImage1: TUniImage; UniImage2: TUniImage; function GetVersion: string; procedure SetVersion(const Value: string); function GetIcon: Tbitmap; procedure SetIcon( icon : TBitmap ); private { Private declarations } public { Public declarations } constructor Create(Aowner: TComponent); override; destructor Destroy; override; published property Version: string read GetVersion write SetVersion; property Icon: Tbitmap read GetIcon write SetIcon; end; implementation {$R *.dfm} constructor Tframe_device_type_A.Create(AOwner: TComponent); begin inherited; Icon := TBitmap.Create; end; destructor Tframe_device_type_A.Destroy; begin Icon.Free; inherited; end; function Tframe_device_type_A.GetIcon: TBitmap; begin result := bitmap_icon.Picture.Bitmap; end; procedure Tframe_device_type_A.SetIcon(icon : TBitmap); begin bitmap_icon.Picture.Bitmap.Assign( icon ); end; end.

Well, I ended up in this topic to see if I can find anything helpful and informative for me. I didn't have slow chart problem yet but I thought if one day I get this kind of problem, this topic could give me a deeper understanding about what beneaths the unigui charts. But instead unfortunately after a couple of posts later it seems it turned into an argue with "no reason". So please calm down guys and remember that you are "developers". So develop a peace and keep going. You are both active users in this forum, I learnt much from your topics and we are only a bunch of people that could help each other in the world, we need each other. Of course Unigui's blossom day is coming soon, day by day and we'll have the luxury of arguing with the people we have chosen from thousands(!) Seriously guys, make peace. You are in here nothing but to help each other.

Most beautiful news I got this week. Can't wait to see it. thanks Farshad.

This is an empty form with an empty Tunicontainer on it. It still creates outerCt, innerCt things. I also tried what is recommended above: in uniEvents of TUniPanel, you can set this function : function beforeInit(sender) { sender.xtype = 'container'; } Still the same. I want to know at least hos to change the CSS of inner elements of unicontainerpanel. <div class="x-container x-abs-layout-item x-container-default x-abs-layout-ct" style="left: 739px; top: 241px; width: 681px; height: 609px; right: auto; background-color: rgb(0, 255, 0);" id="O18_id"><span id="O18_id-outerCt" style="display: table; width: 100%; table-layout: fixed; height: 100%;" role="presentation"><div id="O18_id-innerCt" style="display:table-cell;height:100%;vertical-align:top;" class="" role="presentation"></div></span></div> <span id="O18_id-outerCt" style="display: table; width: 100%; table-layout: fixed; height: 100%;" role="presentation"><div id="O18_id-innerCt" style="display:table-cell;height:100%;vertical-align:top;" class="" role="presentation"></div></span> <div id="O18_id-innerCt" style="display:table-cell;height:100%;vertical-align:top;" class="" role="presentation"></div>

Could you upload a test case project?

+1

did you add the unit name in the uses clause?

how to show a form in real center of a browser window http://forums.unigui.com/index.php?/topic/5568-how-to-show-a-form-in-real-center-of-a-browser-window/?hl=center Hide or Remove - form border http://forums.unigui.com/index.php?/topic/5274-hide-or-remove-form-border/?hl=center&do=findComment&comment=27029 UniFrame Centered http://forums.unigui.com/index.php?/topic/5060-uniframe-centered/?hl=center Help with Center Page http://forums.unigui.com/index.php?/topic/2134-help-with-center-page/page-1&do=findComment&comment=25808 Centered Panels (Once Again) http://forums.unigui.com/index.php?/topic/5222-centered-panels-once-again/ Autoresize panels http://forums.unigui.com/index.php?/topic/5603-autoresize-panels/ Problem with edges windowless app http://forums.unigui.com/index.php?/topic/3803-problem-with-edges-windowless-app/?hl=center how panel is mainform center http://forums.unigui.com/index.php?/topic/3600-how-panel-is-mainform-center/?hl=center FormResize http://forums.unigui.com/index.php?/topic/3676-formresize/?hl=center form's postion (well it is answered only for mainform) http://forums.unigui.com/index.php?/topic/1507-forms-postion/?hl=center How To: Center panel http://forums.unigui.com/index.php?/topic/2868-how-to-center-panel/?hl=center "poScreenCenter" doesn't update after resize http://forums.unigui.com/index.php?/topic/2540-poscreencenter-doesnt-update-after-resize/?hl=center I think its not only me. I went through all these topics but none of them have a client size seamless integration for centering the forms and panels like CSS. For the frontend design, it is still a problem. If you are not going to develop an ERP software etc, people might find the windows/desktop based look weird. I think it is a must to be able to adjust panel/form (not only mainform) locations according to the browser window size at the client side without server intervention even if it is resized!

how to do it?

Eğer sorunuzu doğru anladıysam; Aklıma gelen en pratik yol UniGui ve "istenen yazılım diliyle" derken kastettiğinizi düşündüğüm native (desktop vs) veya web (asp/php) uygulamanın aynı database'i kullanarak beraber çalışmasıdır. Verdiğiniz örneği ele alırsak: UniGui ile Web/browser aracılığıyla yeni müşteri kartı veri tabanına girilir. ASP/PHP veya Delphi,C#,C++ Win32 uygulamanız da bu veri tabanına bağlıdır. Oradan ne işlem yapmak istiyorsa yapar. Özetle projenizin web servisi olması istediğiniz kısımları, projenizin veritabanlarına erişecek şekilde yazmanız yeterli olacaktır.

Unigui/Extjs is mostly focused on implementing classical desktop application controls and UI as a part of web application. But some of us prefer to make our designs look and feel like native web application, we hide the form borders and we align the forms to fill whole browser area, we use "MainFormDisplayMode = mfPage", try to keep track of the browser window size and resize the controls with server effort etc. All these efforts are for to implement a site complies with modern web users' behaviors. People use many different screen resolutions and aspect ratios, besides that they don't even use the browsers in full-screen mode all the time. It has been asked and discussed in the forum recently in multiple topics. Even I opened this topic regarding that. And here, the suggested method not seems to be working. I believe it is still uncertain how to develop browser centered (client side), native looking web application using Unigui. For instance this wordpress template demo page: https://christopherdemo.wordpress.com/ There are equal margins at left and right and the page keeps its centered position unless you resize the browser window to be smaller than the page itself, re-alignment of every single component in the page is not crucial but of course alignment of the main "panel(?)" with the browser is somewhat expected. And of course putting all the controls onto one single form is generally not a good idea and I would like to use multiple forms in this way, but again MainFormDisplayMode = mfPage applies only to main form, it is another issue. So a demo application that shows smooth implementation of a web application, specialized panel controls for this kind of application would be one of the most important things with Unigui for some of us.

Actually I was expecting this. Embarcadero bought VgScene/GlScene of KsDev (Eugene Kryukov) and it turned into Firemonkey. That was a really good move. But people bought VgScene licenses were somehow abondoned. Because support and development of VgScene as a seperate library has completely stopped. I hope this will not be the case for this time. We invested in UniGui even if we know it is still beta but we wanted to support FmSoft and also because of we were expecting FmSoft will keep developing it for a long time.

I'm using licensed Unigui. 0.99.50.1192_Beta ExtJS Version 4.2.2.1144 Delphi XE8 Here is what you can do to replicate this: Open and run the demo. Chrome : http://127.0.0.1:8011 It starts with a pop up saying "736" , then Click on Unibutton1, and the picture above appears. At first, Toolbar and Center panel fills whole browser client area. Shrink the browser window size (Using the mouse. Not using Maximize icon or double clicking to the toolbar) and scroll bars start to appear. Scroll the page and in my case, the panels does not resize.

Hello mohammad, Thank you for sharing this. I'm not sure about the intention of the demo project you have uploaded but when I run it, I get this: Left and right panels are invisible and when I scroll the page with scrollbars of Chrome, it looks like this. I'm still looking for a solution to implement that works exactly like HTML tables with specified absolute or relative widths to arrange my controls.

file://localhost/c|/WINDOWS/index.html file:///c|/WINDOWS/index.html file://localhost/c:/WINDOWS/index.html bunlar oluyor mu?

+1 Great news.

http://forums.unigui.com/index.php?/topic/4811-uniframe-how-to-access-a-component-on-an-uniframe-from-a-form/?hl=tuniframe&do=findComment&comment=27091

Is this component still being maintained? Could it work with latest UniGui and XE7/XE8? UniZComponents21.bpl = DELPHI XE7 Is there such a file somewhere?

any comments, ideas?

The screenshots looks great. I'll definitely give it a try. Thanks!