Inset Or Bust

I need to put a inset column on GameNews, this customer is driving me crazy and I dont know how to handle this with the new framework. Now I placed the code in default.php, i took care of the .xml, i found all the css i could, but it's off on the botttom like there was no float. Does anyone know the steps i would neeed to take?

Could You post an URL to your site?

Hi,
And please submit here an screenshot where you want to put it, probably problem is inside css not only in php and xml. We can help as long it's possible without rebuilding gavern framework.

HEre is a link to the test site, only used to chop up the default.php and css to get the desired effect. [url]umafreek.com/omega/[/url] I just need to get a module position on the right or left of mainbody

You must be more specific. There is no mainbody element inside.
Please make a screenshot of what You would like to achieve (make it in ps or other image editing software).

I'm trying to acheive the same layout as in Rockwall. if you look at it's module layout on the gavick demo you'll see it has an inset, either side is fine with me. The option to choose would be even better.

Hi

I was asked to join conversation. Please show us exactly what do You want to move from Rockwall. The only inset module I can see is the one from my screen and there is no need for any extra modifications. You just need to use "inset" position along with mainbody.

Well I understand if I was going to use Rockwell then all I would have to do is use the inset module. But we're trying to do this with the Game News template that has no inset nor main_body right or left. We need the same module positions found on News or Rockwell on Game news.

I have put the module position from Rockwell into Game News default.php, grabbed the css from template.css and layout.css, grabbed the controls from the .xml file, and positions from gk.const.php, but the css doesn't work and the template just breaks with the module off to the side. I need to know if I'm missing a step to add a inset position to Game News.

It is not that easy to add a columnt to a template that doesn suppot it.
Firstly what is most important - where should it appear. Take a screenshow of your page, load it into Photoshop or another image editing software and draw there a place where the columnt should be.
After that we will be able to tell You if it is possible to do that, or it is to complicated and requires to rewrite a lot of css.

Cyberek i would be uploading the same image as you'll find on the Rockwell module positions it has an inset next to mainbody, this has been said 2-3 times.

http://demo.gavick.com/joomla25/rockwall/index.php/template-features/module-positions

I dont need You to upload rockwell screenshot. I need You to take screenshot of GameNews and show where You would like to see this additional column.
Now if You inspect your homepage You will find, that there are:

Code: Select all

<section> id="gkContent" />
<aside id="gkSidebar" />


(two columns) in first row, then

Code: Select all

section id="gkTop2" />


that is full width
and again:

Code: Select all

<section> id="gkContent" />
<aside id="gkSidebar" />


(two columns) in first row (Warining - element's ID should be unique!)

So because I still dont know where this aditional column should be, I can only say, that You need to wrap elements in aditional div, then add floated aditional column, and change styles to inside elements so they will fit in wider space.

This kind of redesigning is beyond our standard support.

Sorry but I can't do a screen shot, I'm running 4 monitors and clipboard can't handle it but i got the next best thing. On this diagram I'm showing you the best setup for the site that the customer wants and needs. The additional columns are marked in RED

the test site is here http://umafreek.com/abc/

I have made a screenshot:

Zrzut ekranu 2013-05-20 o 22.30.59.png

Is the red opaque area the place where this additional column should be?

That would be great. The site would be 1340px wide

So You would like to add to site's width, not make current columns more narrow?

Correct I will be making the site 1230px wide

new column width 230px

There is gonna be a lot of changes to made.
Firstly - is the link a working site, or You have made a copy of ogyginal site?
If not, create a fully functional copy of the site and work on that copy.

And You firstly should deal with elements that has same ID's and make them unique.

No need to make a copy as this is nothing but a test site that follows the concept of the final site. Until I can deal with the column situation the idea is purley conceptional http://umafreek.com/abc/ There are no working sites for this customer yet.

Please send me a PM with:
1. URL to your website
2. login and password of user with admin/super-admin privileges (please create one for me)
3. ftp data (host, user, password)
4. link to this thread

Ill take a look at it tomorrow.

Information Sent

Sorry, but provided ftp data doesnt work /

Confirmed and resent FTP info

Been staying away from template files for a few hours, I can't tell if your working on the site. Please let me know if there is anything else you need.

Yep, I need working ftp data. The one You have sended to me doesnt work (user/password error).

Yep, I need working ftp data. The one You have sended to me doesnt work (user/password error).

Check your PM's

I tripple checked the info on the last PM, but lets get past this point.

After getting the .xml, default.php, .css, what other files do I need to edit. and for what reasons. I have to get this done today, I really need to know how.

FTP finally works ok.
I will do it for You, with all aditional counting and place all changes here in few next posts.
Just need to download files from your template so I can work localy and uploads all changes made.

First step is to force site wider. Please enable override.css if it is not alreade enabled and PM me with working user and password to admin area in /abc/ installation folder and write back when those will be done.

override.css -> add:

Code: Select all

#gkPage, #gkTopBar > div, .gkFooter, #gkBottom2 {
   max-width: 1230px;
}


but thats not all, You need to set max template width in administrator -> template settings to 1230px.

And that is done.

Now adding a module with name "inset":
templateDetails.xml:

Code: Select all

            <position>sidebar</position>
            <position>inset</position>
            <position>mainbody</position>


so it is already here, gk.const.php (in /lib/framework):

Code: Select all

   'sidebar' => 'gk_style',
   'inset' => 'gk_style',   
   'top1' => 'gk_style',


I have added styling for this module...

Now layouts/default.php around line 221 Ill add:

Code: Select all

          <?php if($this->API->modules('inset')) : ?>
         <aside id="insetSidebar">
            <jdoc:include type="modules" name="inset" style="<?php echo $this->module_styles['inset']; ?>" />
         </aside>
         <?php endif; ?>


Now I add new module (custom html) and name it:
Custom Module By Gavick Mod
and place it in "inset position".
Its almost the end, still we need some styling...

Now adding styles and removing from template things that interrupts:

/lib/framework/helper.layout.php
comment line 53:

Code: Select all

         //$this->API->addCSSRule('#gkSidebar { width: '.$sidebar_width.'%; }' . "\n");


and line 56:

Code: Select all

      //$this->API->addCSSRule('#gkContent { width: '.$content_width.'%; }' . "\n");


This will enable our override.css sizes.

So again override.css and some calculations:

Code: Select all

#gkContent {
   width: 52%;
}
#gkSidebar {
   width: 29%;
   padding-right: 0px;
   padding-left: 36px;
}


#insetSidebar{
   width: 19%;
   float: left;
   margin-top: 28px!important;
   padding-left: 36px;   
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;
   -o-box-sizing: border-box;
   box-sizing: border-box;
}


And that should be it .

Man it's beautiful and allows so many options for that site, too bad it wasnt originally designed this way. Make sure you PM me your paypal info so I can send you a few bucks.