dieger Posted May 6, 2015 Share Posted May 6, 2015 Hello everyone,I am sharing my version of Ribbon Menu (such as Office) and created from various internet examples with ExtJS 4.I have received several requests over time and I apologize for not having found the time to build something that could be easily understood (my first version was in ExtJS 3 and created from a complex code, out of uniGUI) .I hope you enjoy, and be involved in the evolution of this example. (This sample was made with Delphi XE7 and uniGUI Pro 0.99.0.1169) RibbonMenu.zip 1 7 Quote Link to comment Share on other sites More sharing options...
sobakava Posted May 7, 2015 Share Posted May 7, 2015 The screenshots looks great. I'll definitely give it a try. Thanks! Quote Link to comment Share on other sites More sharing options...
stiaan Posted May 19, 2015 Share Posted May 19, 2015 Awesome! Thanks! Quote Link to comment Share on other sites More sharing options...
valadi Posted July 10, 2015 Share Posted July 10, 2015 Thanks Quote Link to comment Share on other sites More sharing options...
Administrators Farshad Mohajeri Posted July 10, 2015 Administrators Share Posted July 10, 2015 Thank you for sharing this component. Quote Link to comment Share on other sites More sharing options...
stiaan Posted September 10, 2015 Share Posted September 10, 2015 Great component. and example...thanks! Quote Link to comment Share on other sites More sharing options...
delagoutte Posted September 10, 2015 Share Posted September 10, 2015 Good job but it don't work with edge. there is the error message : impossible to set the property "CssText" of a null reference or not defined. have you any idea for fix it ? Quote Link to comment Share on other sites More sharing options...
Sherzod Posted September 10, 2015 Share Posted September 10, 2015 Hi, What version you're using ?! Best regards. Quote Link to comment Share on other sites More sharing options...
delagoutte Posted September 11, 2015 Share Posted September 11, 2015 delphi XE7 unigui 1200 Quote Link to comment Share on other sites More sharing options...
delagoutte Posted September 11, 2015 Share Posted September 11, 2015 Excuse me. the error message is NOT on microsoft edge but with Internet explorer 11 Quote Link to comment Share on other sites More sharing options...
delagoutte Posted September 11, 2015 Share Posted September 11, 2015 the block code with problem is {----------------------------------------------------------------------------- Example: Create dynamic CSS content to set button IconCls... -----------------------------------------------------------------------------} UniSession.AddJS('Ext.util.CSS.createStyleSheet(''.ribbon_grd {background-image: url(assets/images/menu/grid.png) !important; width: 100% !important;}'');'); UniSession.AddJS('Ext.util.CSS.createStyleSheet(''.ribbon_jar {background-image: url(assets/images/menu/jar.png) !important; width: 100% !important;}'');'); UniSession.AddJS('Ext.util.CSS.createStyleSheet(''.ribbon_edit {background-image: url(assets/images/menu/edit.png); width: 100%;}'');'); UniSession.AddJS('Ext.util.CSS.createStyleSheet(''.ribbon_copy {background-image: url(assets/images/menu/copy.png); width: 100%;}'');'); UniSession.AddJS('Ext.util.CSS.createStyleSheet(''.ribbon_cut {background-image: url(assets/images/menu/cut.png); width: 100%;}'');'); UniSession.AddJS('Ext.util.CSS.createStyleSheet(''.ribbon_paste {background-image: url(assets/images/menu/paste.png); width: 100%;}'');'); it's seem to be a Extjs Problem : see ; https://www.sencha.com/forum/showthread.php?281297 If anybody could give a solution Quote Link to comment Share on other sites More sharing options...
Sherzod Posted September 11, 2015 Share Posted September 11, 2015 Try: 1. //UniSession.AddJS('Ext.util.CSS.createStyleSheet(''.ribbon_grd {background-image: url(assets/images/menu/grid.png) !important; width: 100% !important;}'');'); //UniSession.AddJS('Ext.util.CSS.createStyleSheet(''.ribbon_jar {background-image: url(assets/images/menu/jar.png) !important; width: 100% !important;}'');'); //UniSession.AddJS('Ext.util.CSS.createStyleSheet(''.ribbon_edit {background-image: url(assets/images/menu/edit.png); width: 100%;}'');'); //UniSession.AddJS('Ext.util.CSS.createStyleSheet(''.ribbon_copy {background-image: url(assets/images/menu/copy.png); width: 100%;}'');'); //UniSession.AddJS('Ext.util.CSS.createStyleSheet(''.ribbon_cut {background-image: url(assets/images/menu/cut.png); width: 100%;}'');'); //UniSession.AddJS('Ext.util.CSS.createStyleSheet(''.ribbon_paste {background-image: url(assets/images/menu/paste.png); width: 100%;}'');'); 2. UniServerModule -> CustomCSS add: .ribbon_grd { background-image: url(assets/images/menu/grid.png) !important; width: 100% !important; } .ribbon_jar { background-image: url(assets/images/menu/jar.png) !important; width: 100% !important; } .ribbon_edit { background-image: url(assets/images/menu/edit.png); width: 100%; } .ribbon_copy { background-image: url(assets/images/menu/copy.png); width: 100%; } .ribbon_cut { background-image: url(assets/images/menu/cut.png); width: 100%; } .ribbon_paste { background-image: url(assets/images/menu/paste.png); width: 100%; } Best regards. Quote Link to comment Share on other sites More sharing options...
delagoutte Posted September 11, 2015 Share Posted September 11, 2015 it's work. thanks a lot Quote Link to comment Share on other sites More sharing options...
dw40u Posted January 28, 2021 Share Posted January 28, 2021 Hi, For me this no longer works with the current version of unigui. The menu is not displayed correctly. Has anyone tried that? Quote Link to comment Share on other sites More sharing options...
Sherzod Posted January 28, 2021 Share Posted January 28, 2021 1 hour ago, dw40u said: For me this no longer works with the current version of unigui. The menu is not displayed correctly. Has anyone tried that? Hello, Not the fact that it will work correctly in new versions of ExtJS. Which edition and build of UniGUI are you using? Quote Link to comment Share on other sites More sharing options...
dw40u Posted January 29, 2021 Share Posted January 29, 2021 Hi, now i use the 1.90.0.1539. Here is a pic of the menu https://ibb.co/vk2X92T (V 1.90.0.1539) https://ibb.co/w7NbWLg (a old one) Quote Link to comment Share on other sites More sharing options...
dw40u Posted February 4, 2021 Share Posted February 4, 2021 Hi, here is the Zip File... https://cloud.wee.gmbh/index.php/s/bodPf6CWyqaQEP8 I think it is a problem in the css File... I am not very familiar with css, maybe someone can help. Quote Link to comment Share on other sites More sharing options...
Sherzod Posted February 4, 2021 Share Posted February 4, 2021 On 1/30/2021 at 1:37 AM, dw40u said: now i use the 1.90.0.1539. Hello, Please adjust your forum email address first: Quote Link to comment Share on other sites More sharing options...
dw40u Posted February 4, 2021 Share Posted February 4, 2021 Hi, is now change.. 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.