Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!

  1. MDB Home Page
  2. Support Main Page
  3. MDB React
Topic: Circle Button potential bug

mark-steven-au premium asked 4 years ago

Expected behavior*Add round button using documentationenter image description here*Actual behaviorenter image description hereenter image description hereUsing this code in the button should have given a round button I am assuming with a French flag in it.Instead it gave a square button with flag in it.*Resources (screenshots, code snippets etc.)*Further experimentation resulted in getting a round outline button using "floating" but with an off set flag?enter image description hereenter image description hereCannot seem to get the flag to centre and assuming this is also possibly a bug as it should be working on circle should it not? Also server running really slow. Had to try 6 times to get these small images uploaded.

mark-steven-au premium answered 4 years ago

enter image description here Trying to centre a French flag that is in public/flags/fr.png I am assuming this is the correct spot for the flags? enter image description here

mark-steven-au premium commented 4 years ago

And also probably making the flag a bit bigger too

Piotr Glejzer staff commented 4 years ago

You cen use your own css to do this.

mark-steven-au premium answered 4 years ago

HI Tomek, There must be more to it than this as it does not work unfortunately. I get the circle appear but no flag If the flag is in public folder /flags/fr.png How does this link to france flag m-0 ? surely there must be a src="flags/fr.png" in there somewhere? I must be missing something that is probably obvious sorry.

Also can you explain why using MDBBtn "circle" gives you a square whilst "floating" gives you. circle ? does not make sense. Again I must be missing something.

Tomek Makowski staff answered 4 years ago

Hello check this out

<MDBBtn tag='a' floating color="blue" outline size='sm'>
        <i className="france flag m-0" style={{"transform": "translate(0, -25%)"}}></i>
</MDBBtn>

Regards

mark-steven-au premium commented 4 years ago

Hi Tomek, Put this extra question up yesterday but somehow got deleted. So again. This works to put the circle up but does not source the flag (public/flags/fr.png Surely there is some reference in there to source the flag or is this done in some other way that I am not aware of? Also if you could answer why if you put MDBbtn "circle" you get a square and if you put "floating" you get a circle like what you have put? Is this not wrong somehow?

Piotr Glejzer staff commented 4 years ago

Circle prop is for stepper component. You can copy and paste all your code to show us what you try to do.

The floating prop is working with the icon tags/styles.

mark-steven-au premium commented 4 years ago

have added below. Basically trying to add a circle outline button with a. flag in it in the middle. Thanks for your advice. Also this web site is now working a lot quicker. Was not great for the past week.
Write
Create snippet
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: Premium
  • Premium support: Yes
  • Technology: MDB React
  • MDB Version: 4.26.0
  • Device: Mac
  • Browser: Chrome
  • OS: IOS
  • Provided sample code: No
  • Provided link: No
Tags
button
About author
mark-steven-au
Premium support 542Support score
27Questions 42Answers 3Snippets