Yii Framework Forum: Yii Bootstrap Tooltip Conflict With The Google Map - Yii Framework Forum

Jump to content

Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Yii Bootstrap Tooltip Conflict With The Google Map remove or disable the tooltip Rate Topic: -----

#1 User is offline   vinoth.mohan 

  • Junior Member
  • Pip
  • Yii
  • Group: Members
  • Posts: 42
  • Joined: 08-June 13
  • Location:Malaysia

Posted 17 December 2013 - 03:55 AM

Hi,

I'm using the Yii Bootsrap extension in my project application system.
The issue was the bootsrap tooltip is conflict/overide with the google map.
Whenever i mouse over to the google map marker it will show two times popup and its really annoying.
Bootstrap extension is really awesome and i dont want to remove it.

Example 1 -
It shoudn't be like this
Attached File  error1.png (252.44K)
Number of downloads: 14

it should be like this ->
Attached File  error2.png (210.38K)
Number of downloads: 12

Example 2 -
It shoudn't be like this
Attached File  error3.png (160.58K)
Number of downloads: 7
It should be like this ->
Attached File  error4.png (159.29K)
Number of downloads: 8

I am using google visualization map.
Google Visualization


Please give suggestion how to solve this issue.

note :i try to modify the css in Boostrap extension,unfortunately i couldn't solve it because that particular css class tie with another css class.

Thank you
0

#2 User is offline   vinoth.mohan 

  • Junior Member
  • Pip
  • Yii
  • Group: Members
  • Posts: 42
  • Joined: 08-June 13
  • Location:Malaysia

Posted 02 January 2014 - 07:46 AM

hello anyone? :unsure: :mellow:
0

#3 User is offline   Suicide.40 

  • Newbie
  • Yii
  • Group: Members
  • Posts: 6
  • Joined: 30-December 13

Posted 17 January 2014 - 04:28 AM

View Postvinoth.mohan, on 02 January 2014 - 07:46 AM, said:

hello anyone? :unsure: :mellow:


I have the same problem((
0

#4 User is offline   waitforit 

  • Advanced Member
  • PipPipPip
  • Yii
  • Group: Members
  • Posts: 403
  • Joined: 09-February 11

Posted 17 January 2014 - 12:47 PM

Put the google map in its own div.

<div id="map_canvas">

Add a css rule with a specific height:
#map_canvas { height: 30em; width: 100%; }

reference:
http://stackoverflow...itter-bootstrap
0

#5 User is offline   vinoth.mohan 

  • Junior Member
  • Pip
  • Yii
  • Group: Members
  • Posts: 42
  • Joined: 08-June 13
  • Location:Malaysia

Posted 10 April 2014 - 08:55 PM

Hi waitforit,

my actual code is like this,


<div id="map_canvas" style="width: auto; height: 350px"></div>


Then i tried as per u mention.but still no changes.
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users