erich.wanker Posted May 6, 2014 Share Posted May 6, 2014 Hello ... a small question: i use a lot of uniPanels in my Testapp... i use it like DIV-Layers to place things .. move things .. hover area .. and as buttons ;-) ... A simple uniPanle with no bordes, no text...: <div class="x-panel x-abs-layout-item x-panel-default" style="border: none; left: 48px; top: 760px; width: 207px; height: 61px;" id="O691_id"><div id="O691_id-body" class="x-panel-body x-panel-body-default x-panel-body-default x-abs-layout-ct x-docked-noborder-top x-docked-noborder-right x-docked-noborder-bottom x-docked-noborder-left" style="width: 207px; height: 61px; left: 0px; top: 0px;"><div id="O691_id-overflowPadderEl" style="font-size: 1px; width: 1px; height: 1px; display: none;"></div></div></div> ... a lot of overhead for just a DIV .. ;-) is where a way to reduce the informtaion or is a simpleUniPanel a component for the future ? ThanX for informations Erich Link to comment Share on other sites More sharing options...
cristianotestai Posted May 6, 2014 Share Posted May 6, 2014 I also agree with Erich. We know that this is the ExtJS Framework, and not UniGui(i'm correct?), but it is a confused html, off patterns and embedded css. Cristiano Testai Link to comment Share on other sites More sharing options...
ZigZig Posted May 6, 2014 Share Posted May 6, 2014 Erich, This article could interest you : https://www.sencha.com/blog/optimizing-ext-js-4-1-based-applications/ Ex: in uniEvents of TUniPanel, you can set this function : function beforeInit(sender) { sender.xtype = 'container'; } That will make your application faster if you use lot of TUniPanels. By the way, that was exactly my answer to a previous post you made last year: http://forums.unigui.com/index.php?/topic/3621-how-to-increase-performance-of-runtime-created-components/&do=findComment&comment=19148... Link to comment Share on other sites More sharing options...
Administrators Farshad Mohajeri Posted May 6, 2014 Administrators Share Posted May 6, 2014 You can directly create and register a new component derived from TUniContainer. TUniSimplePanel = class(TUniContainer) end; Link to comment Share on other sites More sharing options...
Administrators Farshad Mohajeri Posted May 6, 2014 Administrators Share Posted May 6, 2014 Implemented: TUniContainerPanel Link to comment Share on other sites More sharing options...
erich.wanker Posted May 7, 2014 Author Share Posted May 7, 2014 Hello Farshad Mohajeri :-) nice greetings from Austria ... and thanx for implementation :-) .... i wish you all the best and send you my honor for your work! Hello ZigZig thank you for your suggestion and your support ... i can not reproduce your suggestion .. if i use " function OnBeforeInit(sender){sender.xtype = 'container';}" .. nothing changes .. the html overhead is the same as before ? Link to comment Share on other sites More sharing options...
sobakava Posted September 14, 2015 Share Posted September 14, 2015 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> Link to comment Share on other sites More sharing options...
Administrators Farshad Mohajeri Posted September 14, 2015 Administrators Share Posted September 14, 2015 Use uniGenericControl Link to comment Share on other sites More sharing options...
mhmda Posted September 14, 2015 Share Posted September 14, 2015 Hi, I think the best way to do that is by using UniHTMLFrame (this is what I use) and Inside the html put anything you want: Link to comment Share on other sites More sharing options...
tappatappa Posted September 16, 2015 Share Posted September 16, 2015 Use uniGenericControl You mean creating a custom control derived from TUniGenericControl? Otherwise how do you use GenericControl? Link to comment Share on other sites More sharing options...
Recommended Posts