How to display a selection arrow on the left

It is possible display a selection arrow on the left without enable RTL  in DrowDownList ?

3 Replies

IB Ilakkiya Baskar Syncfusion Team June 29, 2018 10:15 AM UTC

Hi Nicola,  
Thank you for contacting Syncfusion support. 
We analyzed your query. We suggest you to below css in the sample level to achieve your requirement. We give the span tag of icon(#id_dropdown) with left as 0px to show in the left side of the DropDownList. We give the padding-left to the input hidden field(#id_hidden) to show the value correctly.   Please refer the below code,  
#bikeList_dropdown { 
            left: 0px; 
            border-left: none; 
            border-right: 1px solid lightgrey; 
        } 
         
        #bikeList_hidden { 
            padding-left: 37px; 
        } 
 
 
Please refer the below sample, 
Please let us know, if there is any concern. 
  
Regards,  
Ilakkiya B.  



NI Nicola July 3, 2018 08:07 AM UTC

Thanks your suggestion helped me, 
in my application I had to change the id_container style instead of id_hidden for a better graphical result


PO Prince Oliver Syncfusion Team July 5, 2018 04:40 AM UTC

Hi Nicola, 

Most welcome. We are glad to know that your issue is resolved. 

Regards, 
Prince 


Loader.
Up arrow icon