×

Notice

The forum is in read only mode.
Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC: Resize popup and center the image

Resize popup and center the image 13 years 3 weeks ago #14340

  • Trench J
  • Trench J's Avatar Topic Author
  • Offline
  • Senior Boarder
  • Senior Boarder
  • Posts: 41
  • Thank you received: 0
Hi Daniel, how can I resize the popup to center the image
How do I center the image in the search the right.

I enclose two examples

Resize popup and center the image 13 years 3 weeks ago #14341

  • Eliecer Marchante
  • Eliecer Marchante's Avatar
  • Offline
  • Platinum Boarder
  • Platinum Boarder
  • Posts: 493
  • Karma: 11
  • Thank you received: 13
hi man,

check this link http://compojoom.com/forum/27-hotspots/52-newbie-area/9970-customizing-infowindow-dp2

I adjust the infowindow size with the size of the image.

Resize popup and center the image 13 years 3 weeks ago #14342

  • Eliecer Marchante
  • Eliecer Marchante's Avatar
  • Offline
  • Platinum Boarder
  • Platinum Boarder
  • Posts: 493
  • Karma: 11
  • Thank you received: 13
Adjust the code with Hotspots.js (line 372) - width:216px and the image width:216px as well.
createInfoWindow: function(marker, hotspot) {
  return (function() {
   var container = this.infoWindowToolbarActions(hotspot); 
   var text = new Element('div', {
    style: 'width: 216px;',
    html: hotspot.description 
   });
   container.inject(text);
   this.infoWindow.setOptions({ 
    'content': text ,
    'position':new google.maps.LatLng(hotspot.latitude, hotspot.longitude )
   });
 
   this.infoWindow.open(this.map.getMap(),marker.markerObj);
 
  }.bind(this));

Resize popup and center the image 13 years 3 weeks ago #14346

  • Trench J
  • Trench J's Avatar Topic Author
  • Offline
  • Senior Boarder
  • Senior Boarder
  • Posts: 41
  • Thank you received: 0
Hi man,
I edited the file hotspots.js (line 372) - width: 216px and the image width: 216px as well.
I have overwritten the file with ftp, but firebug still sees 300px
Why?

Resize popup and center the image 13 years 3 weeks ago #14347

  • Daniel Dimitrov
  • Daniel Dimitrov's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 9618
  • Karma: 155
  • Thank you received: 1081
Hey trench,
Did you clear your browser cache?
Daniel

Resize popup and center the image 13 years 3 weeks ago #14349

  • Trench J
  • Trench J's Avatar Topic Author
  • Offline
  • Senior Boarder
  • Senior Boarder
  • Posts: 41
  • Thank you received: 0
Adjust the code,uploaded image 216px and clear the browser cache.

\hotspot\media\com_hotspots\js\Hotspot.js

createInfoWindow: function(marker, hotspot) {
return (function() {
var container = this.infoWindowToolbarActions(hotspot);
var text = new Element('div', {
style: 'width: 216px;',
html: hotspot.description
});
container.inject(text);
this.infoWindow.setOptions({
'content': text ,
'position':new google.maps.LatLng(hotspot.latitude, hotspot.longitude )
});

Resize popup and center the image 13 years 3 weeks ago #14350

  • Eliecer Marchante
  • Eliecer Marchante's Avatar
  • Offline
  • Platinum Boarder
  • Platinum Boarder
  • Posts: 493
  • Karma: 11
  • Thank you received: 13
Can you send a link to your site?

Resize popup and center the image 13 years 2 weeks ago #14388

  • Trench J
  • Trench J's Avatar Topic Author
  • Offline
  • Senior Boarder
  • Senior Boarder
  • Posts: 41
  • Thank you received: 0
Hi, the site is not finished yet, I can send the link with PM.
I can not understand how to reduce the height of the popup.

Resize popup and center the image 13 years 2 weeks ago #14389

  • Daniel Dimitrov
  • Daniel Dimitrov's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 9618
  • Karma: 155
  • Thank you received: 1081
Hey trench, from the look of this vertical space I think that you have some paragraphs in your description (or brs) Please edit your description and remove them...
Daniel

Resize popup and center the image 12 years 11 months ago #14647

  • Erwin de Wolff
  • Erwin de Wolff's Avatar
  • Offline
  • Senior Boarder
  • Senior Boarder
  • Posts: 74
  • Thank you received: 0
Hi,

Where can I put the border-radius parameter in order to get rounded-corners? I put it behind the width, but that doesn't work.

Thank you,

Erwin
  • Page:
  • 1
Time to create page: 0.140 seconds