Topic: Text input suffix
                  
                  codebase
                  pro
                  asked 7 years ago
                
                Is there a way to add a text input suffix as shown on this page of the Material Design guides?:https://material.io/guidelines/components/text-fields.html#text-fields-input-types
 
If you look at the prefixes and suffixes section, you can see they add a 'lbs' suffix to the 'Weight' input box to indicate the unit being used.I'd be grateful for any advice on how I can replicate this using MDB Bootstrap.
                
                  
                
                
                
              
              
            
                      
                      Mikołaj Smoleński
                      staff
                        answered 7 years ago
                    
                    Hi,
All elements, which You can use in Your projects are included in our documentation.
https://mdbootstrap.com/components/inputs/
Regards
                    
                      
                    
                    
                    
                    
                  
                  
                Closed
This topic is closed.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
              Closed
Specification of the issue
              - ForumUser: Pro
 - Premium support: No
 - Technology: MDB jQuery
 - MDB Version: -
 - Device: -
 - Browser: -
 - OS: -
 - Provided sample code: No
 - Provided link: Yes
 
Tags
                  
itcs pro commented 7 years ago
A little workaround - html: <div class="md-form class1"> <span class="class2">%</span> <input type="text" id="a1" class="form-control" value=" "> <label for="a1">label</label> </div> css: .class1 span.class2 { color: initial; position: absolute; right: 0; top: 16px; font-size: 16px; } Hope this works