Topic: form-outline border not showing

DevAny KR free asked 5 months ago


https://mdbootstrap.com/docs/standard/forms/search/

create new .html and sample code copy...

                    Search                   

...

Expected behavior

show border

Actual behavior

border not showing !enter image description hereenter image description here

Resources (screenshots, code snippets etc.)

only use MDB css, js, fontawesome css, sample code


Kamila Pieńkowska staff answered 5 months ago


Did you tried to use our package in codepen all this time or only for this example?

Anyway, your imports are the problem. Read this section to see how to add MDB via CDN to your project: https://mdbootstrap.com/docs/standard/getting-started/installation/#section-cdn


DevAny KR free commented 5 months ago

Problems with the same symptoms occur everywhere. Your answer is not helpful at all. I don't know why this problem is happening.


Kamila Pieńkowska staff commented 5 months ago

I'm sorry but some sites block foreign JS as a potential security threat. If you host your own site this problem is not going to happen.

Also, did you use the link from the link I've provided or found somewhere else?


DevAny KR free commented 5 months ago

I recently checked that the example code on the MDB documentation page has changed. It was confirmed that it works after application. Thank you very much.CDN, umd 7.0 version in use. but, border is still 0 in edge. chrome is OK.

It's working well now. Does the code keep changing because it's a CDN?


DevAny KR free answered 5 months ago


https://codepen.io/DevAny-KR/pen/BaMrEgP

my code

your SCSS, border is 0

border is 0 (zero)why? why border is 0? why not 1 =< value ?


Kamila Pieńkowska staff answered 5 months ago


Did you remove Bootstrap before importing MDB?

Does your code work in our snippets?


DevAny KR free commented 5 months ago

create new .html for test, only use MDB html codes. Only form-outline classname has a problem. my Edge, Chrome, vscode npm - same problem...


Kamila Pieńkowska staff commented 5 months ago

You didn't exactly answer my question.

Does your code work in the snippets? https://mdbootstrap.com/snippets

Can you tell me if you included MDB CSS and JS and if you removed CSS and JS for bootstrap?


DevAny KR free commented 5 months ago

can not creat snippets your site. Unlimited loading.

my code:

https://codepen.io/DevAny-KR/pen/BaMrEgP

help~~~~ i want to use it 😍



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

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: MDB5 6.4.2
  • Device: Desktop
  • Browser: Edge
  • OS: Win11
  • Provided sample code: No
  • Provided link: Yes