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

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
  • New
    • Mike
    Mike
    CMigrator: Path from Drupal 6 to J5?
    (Category s/b CMigrator, but didn't see it on the list) I'm interested in usi...
    0 Replies
    Posted on Monday, 28 April 2025
    François Gaillard
    François Gaillard
    Dowload all Hotspots entries
    Hi there, I'm looking for a way to dowload all the Hotspots entries. I've got t...
    0 Replies
    Posted on Sunday, 06 April 2025
    • #kml
    • #download
    Ben Luyten
    Ben Luyten
    Set number of hotspots / user groups
    Hi, I'm working with Hotspots for my new website and I love it! After trying ...
    0 Replies
    Posted on Monday, 31 March 2025