Recent
Categories
Tags
Users
View Replies (8)

Resolved Changing Tile Position

  1. Hayden Howard
    Hayden Howard
  3. General
  4. Saturday, 03 August 2013
  5.  Subscribe via email
I've recently installed mod_tiles for the purpose of creating three main elements on my home page. I really like the module and It's working perfectly for what I need.

Although I wasn't interested in using the sliding feature so I was able to disable the mouseover arrow and modify several things by editing /modules/mod_tiles/tmpl/default.php

In the screen shot I've attached are the entries I need to edit, this would be to control the position of a particular element without affecting others. Modifying this works perfectly in the browser under Inspect Element. Obviously the settings don't get applied to the source file though.

I just need some help identifying what file these are located in, and which directory that file is located?
I've done lots of digging to no prevail. I'm somewhat new to all this so please forgive my ignorance. :S

[IMG]http://i.imgur.com/ZJv6A7L.png?1[/IMG]
Responses (8)
Hayden Howard
Hayden Howard
Accepted Answer Pending Moderation
Bump?
  1. more than a month ago
  2. General
  3. # 1
Daniel Dimitrov
Daniel Dimitrov
Support team
Sherlock Holmes The Voice
Accepted Answer Pending Moderation
Hey Hayden,
You want to find out in which file the width and height are generated or do you want to add some css to change the behavior?

In any case I would use some css to target the element of the list and then use !important to style it as I want.

For example:


#tile_37 {

width: 500px !important;

}



Regards,
Daniel
Please if you use our extensions be so kind and review them at JED
Matukio | Hotspots Pro | CComment Pro
  1. more than a month ago
  2. General
  3. # 2
Hayden Howard
Hayden Howard
Accepted Answer Pending Moderation
I'm looking for the file in which the position settings are located / generated.
Example: "style="width: 16.68%;height: 80px;left: 83.35%;top: 160px;"

So I can edit "width/height/left/top" to control the position of the elements on my page.
  1. more than a month ago
  2. General
  3. # 3
Daniel Dimitrov
Daniel Dimitrov
Support team
Sherlock Holmes The Voice
Accepted Answer Pending Moderation
Depending on which template you use, this is handled in the files in:
/modules/mod_tiles/tmpl/

for example on line 96 in default.php you have this:


<div class="aTile_inner" style="<?php echo modTilesHelper::getATileInnerStyle($tile); ?>">


the style is then created by the getAtileInnerStyle function in modTilesHelper

modules/mod_tiles/helper.php line 275.

I don't recommend editing the helper. Instead make the modifications with CSS.

Regards,
Daniel
Please if you use our extensions be so kind and review them at JED
Matukio | Hotspots Pro | CComment Pro
  1. more than a month ago
  2. General
  3. # 4
Hayden Howard
Hayden Howard
Accepted Answer Pending Moderation
I feel dumb for asking, but I'm very new to all of this and I'm only trying to learn.
But where exactly should I place the CSS?

More specifically, since we're using the "ID selector" should I place it under //Generate CSS in the default.php file?
  1. more than a month ago
  2. General
  3. # 5
Yves Hoppe
Yves Hoppe
Support team
The Voice Hole-in-One
Accepted Answer Pending Moderation
Hi Hayden,

normally you just place that in your Joomla template css ;)

Best regards,

Yves
  1. more than a month ago
  2. General
  3. # 6
Hayden Howard
Hayden Howard
Accepted Answer Pending Moderation
Fantastic, I was able to add the CSS to that document and achieve the proper positioning :)
Thank you so much for all the help! :)
  1. more than a month ago
  2. General
  3. # 7
Daniel Dimitrov
Daniel Dimitrov
Support team
Sherlock Holmes The Voice
Accepted Answer Pending Moderation
Cool, happy that we got it working!

If you have few minutes to spare, please leave a review over here:
http://extensions.joomla.org/extensions/photos-a-images/slideshow/image-mootools-slideshow/20553

Regards,
Daniel
Please if you use our extensions be so kind and review them at JED
Matukio | Hotspots Pro | CComment Pro
  1. more than a month ago
  2. General
  3. # 8
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.
or Ask a Question

Last questions

Pim van Wijngaarden
Pim van Wijngaarden
Hotspots Pro 6.0.13 compatability with Joomla 5.3.
Running Hotspots Pro 6.0.13 on Joomla 4.4.13 and want to upgrade to Joomla 5.3.1...
2 Replies
Posted on Friday, 04 July 2025
  • New
    • Laurent Lacoste
    Laurent Lacoste
    some questions on Hotspots
    Hi, On Hotspots extension : 1) is it possible to add our own map layer / v...
    0 Replies
    Posted on Thursday, 03 July 2025
  • New
    • Andrew Stocker
    Andrew Stocker
    Trying to resize the image in the comments
    Hey everyone, Basically I am trying to make the images in the comments smalle...
    9 Replies
    Posted on Wednesday, 12 August 2009
    Tibor Jozsef Virag
    Tibor Jozsef Virag
    J5 compatibility for Hotspots
    Hi guys, Just started to update my old J3x website. Is there J5 compatibility p...
    2 Replies
    Posted on Monday, 24 February 2025
    • #Hotspots
    • #hotspots Joomla 5
    Christer Linde
    Christer Linde
    error message when adding/cofiguring email address
    When configuring the email plugin that send a email message to admin when a new ...
    0 Replies
    Posted on Friday, 09 May 2025