Sherzod Posted May 15, 2022 Share Posted May 15, 2022 1 minute ago, artem_niko said: can this UniMenuButton only be embedded in a UniPageControl, or can it be embedded in the header of a UniPanel, for example? Can you please explain in more detail (with screenshot maybe)? Link to comment Share on other sites More sharing options...
artem_niko Posted May 15, 2022 Author Share Posted May 15, 2022 27 minutes ago, Sherzod said: Can you please explain in more detail (with screenshot maybe)? Link to comment Share on other sites More sharing options...
Sherzod Posted May 15, 2022 Share Posted May 15, 2022 24 minutes ago, artem_niko said: Yes it can be done of course. Need to analyze. Although you can do it yourself I'm sure. Link to comment Share on other sites More sharing options...
Sherzod Posted May 15, 2022 Share Posted May 15, 2022 Do you already use such a panel with buttons? Link to comment Share on other sites More sharing options...
artem_niko Posted May 15, 2022 Author Share Posted May 15, 2022 2 minutes ago, Sherzod said: Do you already use such a panel with buttons? Yes, with one buttons, at now moment Link to comment Share on other sites More sharing options...
Sherzod Posted May 15, 2022 Share Posted May 15, 2022 5 minutes ago, artem_niko said: with one buttons How? Using ToolButtons property? Link to comment Share on other sites More sharing options...
artem_niko Posted May 15, 2022 Author Share Posted May 15, 2022 5 hours ago, Sherzod said: How? Using ToolButtons property? Somtimes... Or so: UniPanel1.JSInterface.JSCode('var tm=new Ext.util.TextMetrics();'#1'.header.insert('+ (UniPanel1.ToolButtons.Count + 1).ToString + ', ' + '{xtype:"tbspacer", width:'#1'.header.title.getWidth()-(tm.getWidth('#1'.getTitle())+100)});'); UniPanel1.JSInterface.JSCall('header.insert', [0, UniContainerPanelTitle3.JSControl]); More often the second option, because. there you can embed panels with buttons at once, rather than add them one by one through the title property Link to comment Share on other sites More sharing options...
artem_niko Posted May 17, 2022 Author Share Posted May 17, 2022 How change color for this white row? function tabPanel.afterrender(sender, eOpts) { var tabItems=[]; this.tabBar.getRefItems().forEach(function(item,i){ tabItems.push({ icon: item.icon, index: i, text: item.title, handler: function(item){ sender.setActiveItem(item.index) } }) }); this.addTool({ text: 'Меню', xtype: 'splitbutton', menu: new Ext.menu.Menu({items: tabItems}) }); } i was tryed write this.addTool({ text: 'Меню', xtype: 'splitbutton', color: red, menu: new Ext.menu.Menu({items: tabItems}) But this is not working... Link to comment Share on other sites More sharing options...
Sherzod Posted May 17, 2022 Share Posted May 17, 2022 3 hours ago, artem_niko said: Can't see where the white row is... Do you mean "titleRow" backgroundСolor for UniPageControl? Link to comment Share on other sites More sharing options...
artem_niko Posted May 17, 2022 Author Share Posted May 17, 2022 3 minutes ago, Sherzod said: Can't see where the white row is... Do you mean "titleRow" backgroundСolor for UniPageControl? This title row creating with this UniMenuButton) Link to comment Share on other sites More sharing options...
Sherzod Posted May 17, 2022 Share Posted May 17, 2022 Which theme are you using? Link to comment Share on other sites More sharing options...
Sherzod Posted May 17, 2022 Share Posted May 17, 2022 33 minutes ago, artem_niko said: This title row creating with this UniMenuButton) function tabPanel.afterrender(sender, eOpts) { var tabItems=[]; this.tabBar.getRefItems().forEach(function(item,i){ tabItems.push({ //iconCls: 'x-fad fa-diagram-project', icon: item.icon, index: i, text: item.title, handler: function(item){ sender.setActiveItem(item.index) } }) }); this.addTool({ text: 'Sheets', xtype: 'splitbutton', menu: new Ext.menu.Menu({items: tabItems}) }); var header=this.getHeader(); if (header) { header.setStyle('background', 'none'); header.setStyle('background-color', 'green'); header.setStyle('border', 'none'); } } 1 Link to comment Share on other sites More sharing options...
Sherzod Posted May 17, 2022 Share Posted May 17, 2022 Link to comment Share on other sites More sharing options...
artem_niko Posted May 18, 2022 Author Share Posted May 18, 2022 14 hours ago, Sherzod said: function tabPanel.afterrender(sender, eOpts) { var tabItems=[]; this.tabBar.getRefItems().forEach(function(item,i){ tabItems.push({ //iconCls: 'x-fad fa-diagram-project', icon: item.icon, index: i, text: item.title, handler: function(item){ sender.setActiveItem(item.index) } }) }); this.addTool({ text: 'Sheets', xtype: 'splitbutton', menu: new Ext.menu.Menu({items: tabItems}) }); var header=this.getHeader(); if (header) { header.setStyle('background', 'none'); header.setStyle('background-color', 'green'); header.setStyle('border', 'none'); } } Excellent! Perferct! Thank's, @Sherzod! 1 Link to comment Share on other sites More sharing options...
artem_niko Posted May 18, 2022 Author Share Posted May 18, 2022 15 hours ago, Sherzod said: Which theme are you using? uni_bootstrap Link to comment Share on other sites More sharing options...
VolkovVitalD Posted July 27, 2022 Share Posted July 27, 2022 On 5/13/2022 at 11:59 PM, Sherzod said: At the moment it looks like this: Hello! And how to get exactly such a button? I need to insert any control exactly in this place, not in the ToolPanel. Link to comment Share on other sites More sharing options...
Sherzod Posted July 28, 2022 Share Posted July 28, 2022 Hello, 8 hours ago, VolkovVitalD said: And how to get exactly such a button? On 5/13/2022 at 10:05 PM, artem_niko said: How about if tablets will be 10, 20 or more? Where will be this button? Here was the issue. 8 hours ago, VolkovVitalD said: I need to insert any control exactly in this place, not in the ToolPanel. I don’t know, but purely by design it would be wrong to insert any control there. Link to comment Share on other sites More sharing options...
delagoutte Posted August 10, 2022 Share Posted August 10, 2022 On 5/13/2022 at 6:59 PM, Sherzod said: At the moment it looks like this: 2 questions : 1- how do you do for having the menu on the same line of tabsheet 2- how can ido for having this menu that is displayed only when the arrow (arrows that appear when you have a lots of tab sheet) are displayed 3- optional : how can we do to change the font size in the tabsheet title, if i change with a simple css the font size is changed but not the size of the title tabsheet Link to comment Share on other sites More sharing options...
Sherzod Posted August 10, 2022 Share Posted August 10, 2022 Hello Jean, 1 hour ago, delagoutte said: 1- how do you do for having the menu on the same line of tabsheet As mentioned above, the solution that I gave has one drawback if there are a lot of TabSheets. 1 hour ago, delagoutte said: 2- how can ido for having this menu that is displayed only when the arrow (arrows that appear when you have a lots of tab sheet) are displayed Don't know at the moment, need to analyze. 1 hour ago, delagoutte said: 3- optional : how can we do to change the font size in the tabsheet title, if i change with a simple css the font size is changed but not the size of the title tabsheet Can you please explain in more detail? ... There were topics on the forum, if I'm not mistaken. Link to comment Share on other sites More sharing options...
delagoutte Posted August 11, 2022 Share Posted August 11, 2022 do you think this extjs 4 plugin https://www.finotrol.fi/extjs-4.1.0/docs/#!/example/tabs/tab-scroller-menu.html could be adapted for extjs 7? i could try but could you help me : how can i declare use this plugin to a tabsheet ? Link to comment Share on other sites More sharing options...
Sherzod Posted August 11, 2022 Share Posted August 11, 2022 2 hours ago, delagoutte said: do you think this extjs 4 plugin https://www.finotrol.fi/extjs-4.1.0/docs/#!/example/tabs/tab-scroller-menu.html could be adapted for extjs 7? i could try but could you help me : how can i declare use this plugin to a tabsheet ? Don't know at the moment. Link to comment Share on other sites More sharing options...
delagoutte Posted August 16, 2022 Share Posted August 16, 2022 On 8/11/2022 at 6:50 PM, Sherzod said: Don't know at the moment. i found a solution and i create a topic for this 1 1 Link to comment Share on other sites More sharing options...
artem_niko Posted November 22, 2022 Author Share Posted November 22, 2022 On 5/13/2022 at 11:59 PM, Sherzod said: At the moment it looks like this: Hello! How put this button without title? I'm mean, as on you picture... Link to comment Share on other sites More sharing options...
artem_niko Posted November 22, 2022 Author Share Posted November 22, 2022 Erroneous double of the post Link to comment Share on other sites More sharing options...
artem_niko Posted November 22, 2022 Author Share Posted November 22, 2022 Erroneous double of the post... Link to comment Share on other sites More sharing options...
Recommended Posts
Please sign in to comment
You will be able to leave a comment after signing in
Sign In Now