Outline inputs Group - Material 2.0


Topic: Outline inputs Group - Material 2.0

beexclusiv asked 5 years ago

Expected behavior

Actual behavior There is no way to use md-outline with inputs-group. I also can't find it in your docs.

Resources (screenshots, code snippets etc.) https://mdbootstrap.com/docs/jquery/forms/input-group/ https://mdbootstrap.com/docs/jquery/forms/inputs/#outline-inputs


Marta Szymanska staff pro premium answered 5 years ago

Hi,

maybe this snippet will help you: https://mdbootstrap.com/snippets/jquery/marta-szymanska/874148.

Best, Marta


beexclusiv commented 5 years ago

This works fine but the counter is now on the top right corner. How to fix this? Can you implement outline-group into next mdb-pro version please?


Marta Szymanska staff pro premium commented 5 years ago

Hi,

for the next release, we don't plan to include to MDB package outline input group. For now, you need to add this above custom CSS to your project by yourself. And about what counter are you writing about? Would you show me an example in the snippet?

Best, Marta


beexclusiv commented 5 years ago

Hey Marta,

thank you for your answer. please look in the "Recipient's username"-input: https://mdbootstrap.com/snippets/jquery/beexclusiv/959288

I talked about additional to the input-group: https://mdbootstrap.com/docs/jquery/forms/inputs/#character-counter

Best Regards Serhat


Marta Szymanska staff pro premium commented 5 years ago

Hi,

you can add this CSS to your code: .md-form.md-outline .character-counter { margin-top: 2.3rem; }

Best, Marta


beexclusiv commented 5 years ago

Thank you very much. The last bug is not in the bottom of the input-field. The input-field resizes and the counter is in the bottom of nothing.


Marta Szymanska staff pro premium commented 5 years ago

Hi,

when I add this above code what I wrote in my previous comment I don't see the problem. Could you provide a screenshot or point out the problem to let me help you?

Best, Marta


beexclusiv commented 5 years ago

Hey Marte,

here are the screenshots you want.

Best Regards Serhat

before after


Marta Szymanska staff pro premium commented 5 years ago

Hi,

for now, I don't have a quick workaround for character counter for input group. In MDB we use character counter only for inputs and outline inputs. We will try to fix this as soon as possible.

Best, Marta


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.8.4
  • Device: ThinkPad P50
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes