Comments (7)
@mubasshir Hi, this is weird, have you tried like this:
<span tooltips tooltip-side="left" tooltip-try="1" tooltip-content="Enter your personal number"> <i class="icon ion-ios-information-outline fa fa-2x right-icon"></i> </span>
It could be a css problem but can you please provide a working plunkr or jsfiddle to replicate the problem?
thank you
from angular-tooltips.
hey,
sorry I tried CodePen but failed. I'm using Ionic Framework, and I have made many changes which are difficult to replicate.
When I adjust left
of tooltip class from inspect, it becomes one liner and caret appears.
PS: when add more text in inspect, again caret disappears.
from angular-tooltips.
Hi @mubasshir what you mean by "adjust left of tooltip class" ?
Have you tried with the code i attached above?
Does this happens only on <i>
elements?
I bet ionic css or something is changing the tooltip css behavior in some way, you should check deeply if something collide, actually i am unable to replicate the problem and see what's happening....
from angular-tooltips.
Also please try with this:
<i tooltip-content="<div>Hi</div><div>I am a new line inside tooltip</div>"></i>
from angular-tooltips.
hey,
it did not work me. Also, instead of showing content its shows
<div>Hi</div><div>I am a new line inside tooltip</div>
Do I need to make html-escape=false or something?
from angular-tooltips.
@mubasshir It's hard to replicate your problem, i tried without any success, if you can provide a working example we can investigate, otherwise, unfortunately, we don't know how to help you.
I am going to close the issue (for the moment), we can still talk here and i'll be glad to help you.
from angular-tooltips.
@45kb I'm sorry if I'm off topic. However that thread is the closest to what I'm trying to do with 720kb-tooltips.
I'm trying to display two separate lines within my tooltip.
As you suggested above to try this :
<i tooltip-content="<div>Hi</div><div>I am a new line inside tooltip</div>"></i>
I'm guessing there is a way to achieve this, but this code just display the HTML code in the tooltip.
Is there an option to allow HTML code to be interpreted within the tooltip content ?
from angular-tooltips.
Related Issues (20)
- Tooltip not showing in Angular Modal HOT 5
- Using tooltip-append-to-body cuts text off HOT 4
- Show image on tooltip HOT 1
- How to add depth to the tooltip with shadow? HOT 6
- Using generic name 'tooltips'
- Trouble with tooltips on Firefox and IE11 HOT 1
- Tooltip View Scope
- Tooltip not showing when element bind by dynamically
- tooltip-template shows error HOT 4
- Is this library available on latest angular(4+) version?
- Tooltip doesn't close when clicked outside
- ng-click inside tooltip body doesn't get fired when tooltip is appended to body.
- ng-template as tooltip template HOT 1
- Support for other versions
- Tooltip breaks Bootstrap Button Groups? HOT 2
- Ionic tooltip inconsistent behaviour on chrome browser
- iOS: tooltip not showing - active class is never added to tooltip
- Direction issues when using tooltip inside ng-repeat
- Memory leak
- Import module in Angular 7 HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angular-tooltips.