GerhardV Posted February 17, 2017 Share Posted February 17, 2017 How do you add the search icon (.x-form-search-trigger) to the right of a TUniEdit field? Like this: Quote Link to comment Share on other sites More sharing options...
Sherzod Posted February 17, 2017 Share Posted February 17, 2017 Hi, Is the icon clickable? Quote Link to comment Share on other sites More sharing options...
RobYost Posted February 17, 2017 Share Posted February 17, 2017 I did it by just dropping an image on it. There might be a more elegant way to do it. Quote Link to comment Share on other sites More sharing options...
NelsonFS Posted February 17, 2017 Share Posted February 17, 2017 Did you tried UniButtonEdit component? http://forums.unigui.com/index.php?/topic/3532-unibuttonedit/?hl=unibuttonedit 1 Quote Link to comment Share on other sites More sharing options...
GerhardV Posted February 18, 2017 Author Share Posted February 18, 2017 No I wasn't aware of it. Was looking for something like that in the component palette but obviously couldn't find anything. Thank you sir! Quote Link to comment Share on other sites More sharing options...
NelsonFS Posted April 18, 2018 Share Posted April 18, 2018 You can use in unigui version 1+, TUniComboBox to replace TEdit and add icons in right side. Add TUniComboBox, leave empty property Items. Add new buttons on property triggers. Write event OnTriggerEvent to capture return value. With this tip, I replaced TUniButtonEdit/TUniButtonEditDB to TUniComboBox/TUniDBComboBox in my projects and works fine. See unigui demo "triggers". 1 Quote Link to comment Share on other sites More sharing options...
GerhardV Posted April 18, 2018 Author Share Posted April 18, 2018 Thank you Nelson. Quote Link to comment Share on other sites More sharing options...
Sherzod Posted April 19, 2018 Share Posted April 19, 2018 Hi, Another simple solution with ExtJS6 using triggers config: UniEdit -> ... function beforeInit(sender, config) { config.triggers = { search: { cls: 'x-form-search-trigger', handler: function() { alert('search trigger clicked'); } } } } Best regards, 1 Quote Link to comment Share on other sites More sharing options...
GerhardV Posted April 21, 2018 Author Share Posted April 21, 2018 I like that Delphi Developer! Quote Link to comment Share on other sites More sharing options...
M477H13U Posted April 26, 2018 Share Posted April 26, 2018 Hi, Another simple solution with ExtJS6 using triggers config: UniEdit -> ... function beforeInit(sender, config) { config.triggers = { search: { cls: 'x-form-search-trigger', handler: function() { alert('search trigger clicked'); } } } } Best regards, Hello everyones !! First of all, thanks for that post, I was searching for this !!! But I have a few questions: Is it possible to generate the trigger after the rendering of the TuniEdit, programmatically ? Is it possible to hide by default the trigger when creating it ? Where could I find the list of others class like 'x-form-search-trigger' ? We would like to use other icons, and notably font awesome.. but when I try to use for instance class 'fa-camera-retro', or any other one, the rendering is as attached image.. the button seemed truncate.. How could I fixe that ? Quote Link to comment Share on other sites More sharing options...
Sherzod Posted April 26, 2018 Share Posted April 26, 2018 Hi, Are you using the triggers config, and which build are you using? Can you make a simple testcase? Quote Link to comment Share on other sites More sharing options...
M477H13U Posted April 26, 2018 Share Posted April 26, 2018 Hello mister Delphi dev' ! (: Yes, we are using triggers config in order to implement the trigger and as mentionned in my signature, we are currently using 1.0.2.1426 build (BUT looking forward for new build release)! ^^ Yes I can make a simple testCase that you will find attached here !! ProjectTestTriggers.7z Quote Link to comment Share on other sites More sharing options...
M477H13U Posted April 30, 2018 Share Posted April 30, 2018 Hello InGUI Users ! Any news on that matter would be very appreciate ! (: Best of regards, Quote Link to comment Share on other sites More sharing options...
M477H13U Posted May 9, 2018 Share Posted May 9, 2018 Hello Delphi developers ! I just switch on build 1454.. rendering is a bit different but button is still not rendered correctly I still need some help on that matter \o/ Quote Link to comment Share on other sites More sharing options...
Sherzod Posted May 9, 2018 Share Posted May 9, 2018 Hello You are right, Give us time to figure it out. 1 Quote Link to comment Share on other sites More sharing options...
Sherzod Posted May 26, 2018 Share Posted May 26, 2018 Hello, Sorry for the delay Can you try with this custom CSS?: CustomCSS: .x-form-trigger.fa { display:table-cell; background-image:none !important; padding-top:5px; border-width: 0; } Best regards, Quote Link to comment Share on other sites More sharing options...
M477H13U Posted May 28, 2018 Share Posted May 28, 2018 Hello Delphi developer ! (: Thank for your return ! Here is the difference of rendering : Before adding custom css: After adding custom css: Aimed rendering: How may I aim the third rendering ? Is it possible to change cls of trigger by code ? Best regards, Quote Link to comment Share on other sites More sharing options...
Sherzod Posted May 29, 2018 Share Posted May 29, 2018 Hello, Just my opinion. Can you work with the theme of Neptune for example, where more beautifully displayed...? Quote Link to comment Share on other sites More sharing options...
M477H13U Posted May 30, 2018 Share Posted May 30, 2018 Hello UniGUI Dev' ! (: Well, it is true that the rendering with neptune theme is working as expected.. but in our project, our clients will have the chance of selecting the theme, so we need them to be all perfect ! (: Then what should I do to get a good rendering ? (: Quote Link to comment Share on other sites More sharing options...
mhmda Posted June 1, 2018 Share Posted June 1, 2018 The easy way is to put button next to the edit with glyphe and make the border radius 0 in left side, and that will work in any theme Quote Link to comment Share on other sites More sharing options...
M477H13U Posted June 1, 2018 Share Posted June 1, 2018 The easy way is to put button next to the edit with glyphe and make the border radius 0 in left side, and that will work in any theme Thanks for the reply ! I'm not sure how to do that .. could you give me an exemple; por favor ? Quote Link to comment Share on other sites More sharing options...
M477H13U Posted June 4, 2018 Share Posted June 4, 2018 No answer ? The aim behind that demand is to use fontawesome .. Quote Link to comment Share on other sites More sharing options...
Sherzod Posted June 4, 2018 Share Posted June 4, 2018 Hi, Wait a minute please Quote Link to comment Share on other sites More sharing options...
Sherzod Posted June 4, 2018 Share Posted June 4, 2018 1 Quote Link to comment Share on other sites More sharing options...
Sherzod Posted June 4, 2018 Share Posted June 4, 2018 The easy way is to put button next to the edit with glyphe and make the border radius 0 in left side, and that will work in any theme Used: UniEdit1 UniButton1 UniNativeImageList1 CustomCSS 1. CustomCSS: .customTrgCls { border-radius: 0; border-left: 0; } 2. UniButton1: Caption = ''; iConAlign = iaCenter Images->UniNativeImageList1 ImageIndex = 0 LayoutConfig->Cls = customTrgCls 3. UniNativeImageList1 Add camera-retro IconCls 1 1 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.