Circle Button potential bug

Topic: Circle Button potential bug

mark-steven-au pro premium asked 5 years ago

Expected behavior*Add round button using documentation*Actual behavior enter image description here Using 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 here Cannot 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.

Add comment

Tomek Makowski staff answered 5 years ago

1 1 Best answer

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 pro premium commented 5 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 5 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 pro premium commented 5 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.

Add comment

mark-steven-au pro premium answered 5 years ago

0 0 Best answer

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.

Add comment

mark-steven-au pro premium answered 5 years ago

0 0 Best answer

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?