I'm trying to use IgCombo control in Angular 4 with typescript application. I would like to remove triangle button from igcombo and want to look like textbox and when user types the text, dropdown list should appear. I tried to override the css .ui-igcombo-button with "display:none" . But triangle button disappear everywhere in the page where I wanted to show actual dropdown. I want to remove triangle button for one field.
eg: I have 'Region' field where 10 regions in the list and let user click triangle button to get the dropdownlist. I have 'State' field in the same screen where I want to display only similar text box (without triangle) and when user types 'Ar' dropdownlist should show all states with 'ar'
Can you please provide the sample typescript to remove triangle button for one control.
Thank you for contacting Infragistics support.
You could use the same CSS rule, you can apply it to one of the combos on your page.
Here is a sample how you can achieve this - https://jsfiddle.net/q3yy2tbn/.
Please let me know if you need further assistance.
Best Regards,Tihomir IlievSoftware DeveloperInfragistics, Inc.
Thanks Tihomir. It worked.
When dropdown button is available, if user clicks triangle button, entire list item will be displayed in the dropdown list. But when I remove dropdown button, user has to type atleast one char to get the list. Is there a way to show the dropdown list by clicking the text box (when dropdown button not available) or on focus?
Yes, your scenario is achievable. You should use the dropDownOnFocus property. This is the result - https://jsfiddle.net/q3yy2tbn/1/.