Définir une longueur maximum de tooltip en AngularJS 1.3

Version imprimable

Bonjour

Je cherche en AngularJS 1.3.20 à augmenter la largeur du texte affiché dans mon tooltip
J'ai essayé plusieurs codes sans succes
Mon tooltip est toujours tronqué
Merci de votre aide

Code:

1
2
3
4
5
6
7
8
 
 <button type="button"  style=".tooltip-inner {max-width: 200px;}"
 		  data-container="body" 
          data-toggle="tooltip" 
          tooltip="Tooltip on leftaaaaaaaaaaaaaXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq"
          tooltip-placement="left" >
         Tooltip on left111
      </button>

J'ai pu resoudre le probleme avec un style externe
Code:

1 2 3 4 <style> .tooltip-inner { text-align: left; white-space: pre-wrap;max-width:800px;background-color: #f00;} </style>
par contre le style interne ne fonctionne pas

31/08/2018, 07h19
Invité

Bonjour,

Code:

<button type="button" style=".tooltip-inner {max-width: 200px;}"

8O ??

Code:

<button type="button" class="tooltip-inner" style="max-width: 200px;"

Bonjour

J'ai essayé en angularJS plusieurs cas et seul le style séparé fonctionne

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
 <div>
<!-- BAD  <textarea data-ng-model="object.parameterAA" rows="10" style="width: 100%;max-width: 800px;.tooltip-inner { text-align: left; white-space: pre-wrap;max-width:800px;}" -->
<!-- BAD  <textarea data-ng-model="object.parameterAA" rows="10"  class="tooltip-inner" style="width: 100%;text-align: left; white-space: pre-wrap;max-width:800px;" -->
<!-- BAD <textarea data-ng-model="object.parameterAA" rows="10" style="width: 100%;.tooltip-inner { text-align: left; white-space: pre-wrap;max-width:800px;}" -->
<!-- BAD <textarea data-ng-model="object.parameterAA" rows="10" style="width: 100%;.tooltip-inner { text-align: left; white-space: pre-wrap;max-width:800px;}" -->
 
<!-- fonctionne -->
<style> 
	.tooltip-inner { text-align: left; white-space: pre-wrap;max-width:800px;}
</style>
<textarea data-ng-model="object.parameterAA" rows="10" style="width: 100%;"
           tooltip="org=<Nom&nbsp;QZE&nbsp;origine>&nbsp;<QAJ>&nbsp;<Application : ZORRO recommandée>
 
dest0=<Nom QZE destination x> <QAJ> <Application : ZORRO recommandée> <poids true|false>
 
dest1=<Nom QZE destination x> <QAJ> <Application : ZORRO recommandée> <poids true|false>
 
---------
 
dest2=<Nom QZE destination x> <QAJ> <Application : ZORRO recommandée> <poids true|false> 
 
dest3=<Nom QZE destination x> <QAJ> <Application : ZORRO recommandée> <poids true|false> 
 
dest4=<Nom QZE destination x> <QAJ> <Application : ZORRO recommandée> <poids true|false>"></textarea>
</div>