×

Notice

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

TOPIC: Changing Tile Position

Changing Tile Position 11 years 3 months ago #22061

  • Hayden Howard
  • Hayden Howard's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 6
  • Thank you received: 12
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

http://i.imgur.com/ZJv6A7L.png?1
The following user(s) said Thank You: ewhitewhite, ranlaveresteph

Changing Tile Position 11 years 3 months ago #22130

  • Hayden Howard
  • Hayden Howard's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 6
  • Thank you received: 12
Bump?
The following user(s) said Thank You: ewhitewhite, ranlaveresteph

Changing Tile Position 11 years 3 months ago #22138

  • Daniel Dimitrov
  • Daniel Dimitrov's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 9618
  • Karma: 155
  • Thank you received: 1081
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
The following user(s) said Thank You: ewhitewhite, ranlaveresteph

Changing Tile Position 11 years 3 months ago #22160

  • Hayden Howard
  • Hayden Howard's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 6
  • Thank you received: 12
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.
The following user(s) said Thank You: ewhitewhite, ranlaveresteph

Changing Tile Position 11 years 3 months ago #22164

  • Daniel Dimitrov
  • Daniel Dimitrov's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 9618
  • Karma: 155
  • Thank you received: 1081
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
The following user(s) said Thank You: ewhitewhite, ranlaveresteph

Changing Tile Position 11 years 3 months ago #22185

  • Hayden Howard
  • Hayden Howard's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 6
  • Thank you received: 12
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?
The following user(s) said Thank You: ewhitewhite, ranlaveresteph

Changing Tile Position 11 years 3 months ago #22187

  • Yves Hoppe
  • Yves Hoppe's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 3519
  • Karma: 71
  • Thank you received: 556
Hi Hayden,

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

Best regards,

Yves
The following user(s) said Thank You: ewhitewhite, ranlaveresteph

Changing Tile Position 11 years 3 months ago #22258

  • Hayden Howard
  • Hayden Howard's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 6
  • Thank you received: 12
Fantastic, I was able to add the CSS to that document and achieve the proper positioning :)
Thank you so much for all the help! :)
The following user(s) said Thank You: ewhitewhite, ranlaveresteph

Changing Tile Position 11 years 3 months ago #22271

  • Daniel Dimitrov
  • Daniel Dimitrov's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 9618
  • Karma: 155
  • Thank you received: 1081
Cool, happy that we got it working!

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

Regards,
Daniel
The following user(s) said Thank You: ewhitewhite, ranlaveresteph
  • Page:
  • 1
Time to create page: 0.167 seconds