OS Property support center

tools on google map are deformed

  • honesty
  • Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
11 years 3 months ago #40951 by honesty
tools on google map are deformed was created by honesty
Hello,

happy new year of the horse.
If you check the google maps on the following pages, you may find the tools on google map are deformed, and you can hardly see the direction keys and zoom-in, zoom-out buttons on the upper left corner. would you please fix the problem? thanks.

osptemplate4.joomdonate.com/index.php/map-search
osptemplate4.joomdonate.com/index.php/all-properties
Attachments:

Please Log in or Create an account to join the conversation.

More
11 years 3 months ago #40954 by Mr. Dam
Replied by Mr. Dam on topic Re: tools on google map are deformed
Hi Honesty,
Thank you for your report, i will consider to check it
Regards,
Dam

Please Log in or Create an account to join the conversation.

  • honesty
  • Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
11 years 3 months ago #41534 by honesty
Replied by honesty on topic Re: tools on google map are deformed
Hi Dam,

Have you checked this problem? This is a bug and I'm still waiting for a solution, thanks.

Please Log in or Create an account to join the conversation.

More
11 years 3 months ago #41536 by Mr. Dam
Replied by Mr. Dam on topic Re: tools on google map are deformed
Hi Honesty,
Please submit ticket and send your site information with super admin acc. I will try to find the solution to solve it for you soon.
Thanks
Dam

Please Log in or Create an account to join the conversation.

More
11 years 3 months ago #41542 by Mr. Dam
Replied by Mr. Dam on topic Re: tools on google map are deformed
Hi,
Please go to file
templates > ospt3map > css > template.css
find
img {
max-width: 100% !important;
}
and remove it
Good luck
Dam
The following user(s) said Thank You: honesty

Please Log in or Create an account to join the conversation.

  • honesty
  • Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
11 years 3 months ago #41563 by honesty
Replied by honesty on topic Re: tools on google map are deformed
it works like a charm!! Thanks Dam, you may apply this to following version so it will be perfect on Google map!

Please Log in or Create an account to join the conversation.

  • honesty
  • Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
11 years 2 months ago #41965 by honesty
Replied by honesty on topic Re: tools on google map are deformed
Hi Dam,

You will see a demaged tool on google map when you add new property. Will you also tell me which code caused this problem and how to avert this? Thanks.
Attachments:

Please Log in or Create an account to join the conversation.

  • honesty
  • Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
11 years 2 months ago #42096 by honesty
Replied by honesty on topic Re: tools on google map are deformed
Hi Dam, I'm still waiting for your response. thanks.

Please Log in or Create an account to join the conversation.

More
11 years 2 months ago #42101 by Mr. Dam
Replied by Mr. Dam on topic Re: tools on google map are deformed
Hi,
This is the problem of Google map. because if we want to solve this issue, we must remove all css with attribue max-width
.img{
max-width:100%;
}
but as i checked in several templates, (even with pronostar: default Joomla 3.x template), in css, we still see the max-width:100%

img { (line 50)
max-width: 100%;
width: auto \9;
height: auto;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}

And if we remove this attribute, we will have potential css issue on other parts. So please think carefull before you implement the modification
Thanks
Dam

Please Log in or Create an account to join the conversation.

  • honesty
  • Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
11 years 1 month ago #43698 by honesty
Replied by honesty on topic Re: tools on google map are deformed
Hi Dam,

Which file should I go to remove this attribute?

And should I remove

attribue max-width
.img{
max-width:100%;
}


or

max-width:100%
img { (line 50)
max-width: 100%;
width: auto \9;
height: auto;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}


Thanks Dam.

Please Log in or Create an account to join the conversation.

Moderators: Mr. DamNguyen Phu Quan