Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

text is not working. #111

Open
Devendra0110 opened this issue Feb 25, 2020 · 6 comments
Open

text is not working. #111

Devendra0110 opened this issue Feb 25, 2020 · 6 comments

Comments

@Devendra0110
Copy link

Devendra0110 commented Feb 25, 2020 •
edited

<FAB row="0" col="1" text="&#xf00d;" rippleColor="#f1f1f1" class="fab-button" ></FAB>
I tried font-awesome text but it's not showing .
@Devendra0110 Devendra0110 changed the title it give it text using "text" attribute but it's not showing anything I gave it text using "text" attribute but it's not showing anything Feb 25, 2020
@Devendra0110 Devendra0110 changed the title I gave it text using "text" attribute but it's not showing anything text is not working. Feb 25, 2020
@bradmartin
Copy link
Collaborator

I don't believe text has ever been supported with this plugin, due to the native classes not providing that OOTB. It is possible to achieve this but would require an enhancement to the source. Would be happy to help with any PRs to make this happen.

However, if you're on a time crunch, making circular buttons in NS is simple with the border-radius styling option and from there you could put text inside the standard NS button.

@Devendra0110
Copy link
Author

Well, it's given in the API.

Allows to use text instead of image

@bradmartin
Copy link
Collaborator

Oh wow yeah you're right. Guess I've never used it 😁. Then seems like a bug or usage issue. Does that icon work in a simple Label? If so then we can confirm you have the font loaded and the CSS for the font correct.

@Devendra0110
Copy link
Author

Yeah it's working perfectly with Label but not with FAB

@dosomder
Copy link
Contributor

dosomder commented May 6, 2020

It does work for me. I use text.decode="&#xe5db;" and Nativescript-vue

@CatchABus
Copy link

Yeah it's working perfectly with Label but not with FAB

You forgot to add required 'fas' or 'far' class which is needed for FontAwesome icons.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
4 participants
@dosomder @bradmartin @Devendra0110 @CatchABus