gerhardhziegler Posted May 5, 2017 Share Posted May 5, 2017 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 ZieglerWien & Berlin Quote Link to comment Share on other sites More sharing options...
Sherzod Posted May 6, 2017 Share Posted May 6, 2017 Hi, http://forums.unigui.com/index.php?/topic/5317-change-tab-position-of-pagecontrol-to-bottom/&do=findComment&comment=27214 Best regards, Quote Link to comment Share on other sites More sharing options...
gerhardhziegler Posted May 6, 2017 Author Share Posted May 6, 2017 Excellent. Thanks a lot!Is there somewhere a description or overview about all the properties of the panel I can set? I tried to search the sencha-Docu, but didnt find any good examples?Best regards Gerhard Quote Link to comment Share on other sites More sharing options...
gerhardhziegler Posted May 6, 2017 Author Share Posted May 6, 2017 and, i just saw the buttons are ordered the right way but they are still at the top of the panel :| Quote Link to comment Share on other sites More sharing options...
Sherzod Posted May 6, 2017 Share Posted May 6, 2017 Hi, and, i just saw the buttons are ordered the right way but they are still at the top of the panel :| Can you clarify ?! And which edition and build are you using ?! Best regards. Quote Link to comment Share on other sites More sharing options...
gerhardhziegler Posted May 6, 2017 Author Share Posted May 6, 2017 well, the "button bar" should be at the bottom of the TabPanel.If i use sender.tabPosition = "bottom" they appear like "hanging" (right appearance but still at the top if the panel). https://www.dropbox.com/s/t6dg0w68l22tr4g/uni.png?dl=0 JS Version 4.2.5.1763 UniGui 1.0.0.1391 Quote Link to comment Share on other sites More sharing options...
Sherzod Posted May 6, 2017 Share Posted May 6, 2017 JS Version 4.2.5.1763 UniGui 1.0.0.1391 Commercial Edition ?! Quote Link to comment Share on other sites More sharing options...
gerhardhziegler Posted May 6, 2017 Author Share Posted May 6, 2017 Yes, UniGui Professional Edition, bought 10/11/2016 Quote Link to comment Share on other sites More sharing options...
Sherzod Posted May 6, 2017 Share Posted May 6, 2017 Ok, Thanks, Then, first please visit here: http://forums.unigui.com/index.php?/topic/6291-important-announcement/ Quote Link to comment Share on other sites More sharing options...
gerhardhziegler Posted May 6, 2017 Author Share Posted May 6, 2017 done! Didnt know you need it in the registration! Quote Link to comment Share on other sites More sharing options...
Sherzod Posted May 6, 2017 Share Posted May 6, 2017 Is it OK for you ?! Quote Link to comment Share on other sites More sharing options...
gerhardhziegler Posted May 6, 2017 Author Share Posted May 6, 2017 This would be excellent, but how can I get it? tabPosition=bottom isnt enough. as I saw. Quote Link to comment Share on other sites More sharing options...
Sherzod Posted May 6, 2017 Share Posted May 6, 2017 No, just follow the instructions: http://forums.unigui.com/index.php?/topic/5317-change-tab-position-of-pagecontrol-to-bottom/&do=findComment&comment=27214 Quote Link to comment Share on other sites More sharing options...
gerhardhziegler Posted May 6, 2017 Author Share Posted May 6, 2017 I did. The buttons changed to hanging but the still were at the TOP of the panel.https://www.dropbox.com/s/t6dg0w68l22tr4g/uni.png?dl=0 I made a screenshot. the first TabControl is without patch.the second is with code, like you recommanded tabPosition = "bottom". As you can see, the buttons changed a little bit but but they are still at the top of the panel. Quote Link to comment Share on other sites More sharing options...
Sherzod Posted May 6, 2017 Share Posted May 6, 2017 UniPageControl1 -> ClientEvents -> UniEvents -> Ext.tab.Panel [tabPanel] -> tabPanel.beforeInit: not function beforeInit function tabPanel.beforeInit(sender, config){ sender.tabPosition = "bottom"} Quote Link to comment Share on other sites More sharing options...
gerhardhziegler Posted May 6, 2017 Author Share Posted May 6, 2017 I swear, I did it!!! https://www.dropbox.com/s/i3z7dwc14vq7733/ungi.png?dl=0 ^^ Screenshot from Delphi IDE.Also I have a "inner panel"? UniPageControl1 -> ClientEvents -> UniEvents -> Ext.tab.Panel [tabPanel] -> tabPanel.beforeInit: not function beforeInit function tabPanel.beforeInit(sender, config){ sender.tabPosition = "bottom"} tabPanel.png Quote Link to comment Share on other sites More sharing options...
Sherzod Posted May 6, 2017 Share Posted May 6, 2017 Can you make a simple testcase for this? Quote Link to comment Share on other sites More sharing options...
gerhardhziegler Posted May 6, 2017 Author Share Posted May 6, 2017 the code: https://www.dropbox.com/s/xwoofdfgkui763i/Testprojekt.rar?dl=0 the screenshot: https://www.dropbox.com/s/nxmcbona8by8w86/Screenshot_1_Uni.png?dl=0 Quote Link to comment Share on other sites More sharing options...
Sherzod Posted May 6, 2017 Share Posted May 6, 2017 Ok, sorry you are using UniTabControl Quote Link to comment Share on other sites More sharing options...
gerhardhziegler Posted May 6, 2017 Author Share Posted May 6, 2017 seems its not possible there?Thanks anyway a lot, maybe I will find another solution by sizing that thing. Quote Link to comment Share on other sites More sharing options...
Sherzod Posted May 6, 2017 Share Posted May 6, 2017 I will try to find a solution 1 Quote Link to comment Share on other sites More sharing options...
gerhardhziegler Posted May 6, 2017 Author Share Posted May 6, 2017 That would be great if its possible.Meanwhile I have so many other questions concerning the "Accordion" layout and the tree grid (I wrote in another post). Seems I couldnt find a lot of new components in my installation. And yes: Thanks a lot! Quote Link to comment Share on other sites More sharing options...
Sherzod Posted May 8, 2017 Share Posted May 8, 2017 Hi, Can you try to use this approach for now (although, maybe isn't the optimal solution) ?!: 1. ClientEvents -> UniEvents -> [Ext.tab.Panel] function tabPanel.beforeInit(sender, config) { config.tabPosition = "bottom"; } 2. ClientEvents -> UniEvents -> [Ext.panel.Panel] function boxready(sender, width, height, eOpts) { var me=sender; if (me.items.items.length == 2) { var item1 = me.items.items[0]; var item2 = me.items.items[1]; var _y = item1.getY(); item1.setY(_y+item2.getHeight()-1); item2.setY(_y); item2.setHeight(item2.getHeight()-item1.getHeight()); item2.anchor = "0 -" + (height-item2.getHeight()); } } Best regards, Quote Link to comment Share on other sites More sharing options...
gerhardhziegler Posted May 10, 2017 Author Share Posted May 10, 2017 Thanx I lot, but it doesnt work. Sorry, maybe I am too stupid. I tried to write the second Code "Boxready" to the beforeInit of ext.panel.panel (i need to select one of the events, as I understood). But it crashes with an ajax error. Unexpected token function?Should I put the code to afterCreate? Or AjaxRequest? Or AjaxCallback? Quote Link to comment Share on other sites More sharing options...
Sherzod Posted May 10, 2017 Share Posted May 10, 2017 Hi, 2. ClientEvents -> UniEvents -> [Ext.panel.Panel] Sorry, correct: ClientEvents -> ExtEvents -> [Ext.panel.Panel] -> function boxready Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.