Various little Problems with Template and Module

Viewing 11 posts - 1 through 11 (of 11 total)

Author

Posts
rattles Friend

rattles
Join date:
August 2011
Posts:
32
Downloads:
0
Uploads:
28

Thanks:

8
November 9, 2011 at 11:58 pm #170558
Hello,

i have encountered a fewtemplate and module issues with this template. I have tried to find a solution for them by myself with no luck and i could not find any similar problems like this in the forums, so here we go. Any help would be really appreciated!

Template Problem #1:
i have installed The JA_Droid Template Version 1.2.2 on http://www.devel-1.5.24.wirtshaus-buchholz.deand encountered a few problems when trying to customize the template. I have cloned the default profile to “Test1” and then customized it for my needs. I have used LOGO TEXT and tried to adjust the “GOOGLE FONT API SETTINGS” with “custom CSS”: font-size: 180px font-color: #CCC
It does not seem to work, and it aint working with a different font either as you can see here:

Template Problem #2:
My second Problem concerning the template is, when i click the template to costomize it, i get an error on the left side of the screen under “Menu assignment” telling me “Menus: Cannot assign default template.” I know there has to be some information about the layout, because i have seen it before i have created my profile “Test1”. Have a loook here:

So those 2 are actually my main-concerns, but i have encountered a few things with the modules who are annoying me aswell quite a bit:

Module Problem #1:
I can not turn off the breadcrumbs on my page, even tho i disabled the module itself. It keeps showing the actual navigation path on my website. How ca i disable this functionality? any ideas about this? Have a look over here:

Module Problem #2:
Themodule position “Top” dousnt seem to work for me. I have tried to put the “Newsflash” on to this Position with no luck. I also created a new Module with the type “Login form” and put it to the “Top” Module position. No luck either. Is there any error with my installation or is is because i encountered problems with the template itself aswell? Here is the screenshot for this issue: and here:
The strage thing about this is, I have no module-positions called “top-panel” or “header” in my module configuration when i want to choose a position for a module from the drop-down-list. But i do have a position in the list called “Top” which is not in the Module-preview of my template. ??? Am I missing something ???

And last but not least a liitle optical issue:
Is there any change to change the text-direction for a “mod_custom”-module from “centered” to “aligned left” when using the module-class suffix: _hilite ? It does not look quite right if the “poll” is “centered”. Have a look at my site and scroll to the bottom to see the modules at “user7” “user8” and “user9”. I can only attach 5 screenshots =)

Thank you all for your help in advance and this great community!
Ralph
Attachments:
himangi Friend

himangi
Join date:
April 2011
Posts:
1406
Downloads:
1
Uploads:
86

Thanks:

21

Thanked:

345 times in 332 posts
November 10, 2011 at 6:39 am #423956
Hi,
1. Template Problem #1:
2. Template Problem #2:
3. Module Problem #1:
4. Module Problem #2:
5. Since the module positions are not shown in the drop down list in the module, you can write the name of the position in that particular inputbox and the position will be created in the list, which will remain there till some module is published in that position.
6. text-align:center; for the modules having class suffix as ‘_hilite’ is defined in template/ja_droid/css/template.css on line no 289. You can change it to text-align:left;
1 user says Thank You to himangi for this useful post
1. rattles
rattles Friend

rattles
Join date:
August 2011
Posts:
32
Downloads:
0
Uploads:
28

Thanks:

8
November 10, 2011 at 1:55 pm #424022
Hello,

thanks Himangi for your very quick and detailed reply and the fixes for my “problems” you have provided! I am quite happy now that everything is working like I’d visualised things to work. But i also want to understand how things are working, because when I last used Joomla! everything was´nt that complex. It was like 6 Years ago and since then quite a few things have changed.

So here are my questions regarding my problems:

Template Problem #1:
My bad, I was just using the hints in the box when you have the mouse hovered over the field to see the hints. And since there are no ; in the hints-box i was just using the code shown.

Template Problem #2:
OK, i think i have understood what you said. But when i do what you say (I think you mean default profile instead of default template, right?):
<blockquote>If you edit any other template than the default template, you will see list of menu items and you can assign the template to any menu items.</blockquote>
it does not seem to happen anything on the left side. So lets say I edit the profile google-font and use this profile for all of my pages. When i apply the changes and take a look on the left side where the Menus should be displayed, the same error message appears:

Menu Assignment Menus: Cannot assign default template.

So I go ahead and choose a different profile for one of my pages, but still the same message appears. In case it is not clear what i mean, here is the screenshot:

I think you mean something different than I do =)

Module Problem #1:
Where can i see that I am using the “Default Layout” and which file have you edited to achieve the changes?

Module Problem #2:
Believi it or not, I did publish the modules, even both of em (login and newsflash) at the position “top-panel” and there was no effect on the front-end. Anyway, it seems to work at the moment, but is there any opportunity to make the module look like the rest of the page and not like that yellowish comment-style? I tried the module-class suffix
_hilite
but could not see any effect.
When i use the module position “header” for the login-module or the newsflash i still can not see the module on the front end. Is it, because the header-position is reserved for the logo itself or am I doing something wrong?
The module “newsflash” is at the position top-panel and “login” is at the “header” position at the moment, but the only thing showing up on the front-end is “newsflash”.

5. Thank you, this is something new to me. So I´ll be better of deleting all unneccesary templates in order to “keep the module-positions clean”

6. Alright, this should work for me aswell, thanks for the hint. Is it possible to go ahead and create a new module-class suffix in the template.css in order to keep the original “_hilite“? Lets say i copy and paste the code from template.css regarding all about “_hilite“, which would be line 282 to line 308. And then change it to fit my needs and call it “_hilite-left-align” for example?

<blockquote>I have just added the following code to my template.css and it seems to work when using the “new” module-class-suffix “_hilite-align-left”:
/* Highlight module align-left---*/ div.moduletable_hilite-align-left h3 { background: none; color: #94a0be; padding: 0 !important; }
div.moduletable_hilite-align-left { background: url(../images/header-bg.jpg); border: 4px solid #18223B; color: #fff; padding-top: 20px; text-align: left; } div.moduletable_hilite-align-left .ja-box-ct { padding: 0 20px; } div.moduletable_hilite-align-left a { border-bottom: 1px dotted #fff; color: #fff; text-decoration: none; }
div.moduletable_hilite-align-left img { border: 1px solid #414F75; padding: 4px; }
Is this alright or is it too much? I have no experience on editing .css styles, I was just replacing everything regarding “_hilite” with “_hilite-align-left”. Thanks again!
</blockquote>

Thank you so much, your help has pushed me quite a bit to achieve my goal!
Regards,
Ralph
Attachments:
himangi Friend

himangi
Join date:
April 2011
Posts:
1406
Downloads:
1
Uploads:
86

Thanks:

21

Thanked:

345 times in 332 posts

November 14, 2011 at 7:31 am #424542

Template Problem #2:
In case of JA T3 template, you need to think of a Template as a bundle of different profiles / sub templates. You can assign the JAT3 template as a default for the whole site, in which case you will be using only single profile giving some style to the template and you can use multiple profiles in the template for different site pages as per your need.

All default joomla templates are like the profiles in a JAT3 template, which you can assign to different site pages of make it a default for whole site.

The message
Menu Assignment
Menus: Cannot assign default template.

will appear like in your screenshot for any template that has been set as default from the Template Manager (list of templates). It only means that since the template is already set as a default, that is set to be applied for all pages in website, you can not assign the same again to any site page, since it is redundant.

Hope I am not confusing you here and it is clarified a bit than earlier. Still you can ask me any specific doubts you may have.

Module Problem #1:
In your JAT3 template, as shown in your screenshot, you can see which profile / profiles are being used for all / different site pages.
Once you know which profile is being used, you can see all settings for the profile by clicking on Profiles Tab > Profile you are using.
If you scroll down in the settings for the particular profile, you will find the layout & theme being used by the profile.
Once you know which layout is used, you can go to Layouts Tab > Click on Edit link infront of the layout you need to see the xml structure I had posted in my previous post and make changes in it.

To know more about layouting in JAT3 template, you can refer to http://wiki.joomlart.com/wiki/JA_T3_Framework_2/Guides which gives you all posibilities you can use in a layout.

Module Problem #2:
I am sorry, for the last explaination about the positions. I mentioned that when you check positions in your current template using http://devel-1.5.24.wirtshaus-buchholz.de/?tp=1 you see top.top-panel, top.header, from which top is a container block for positions top-panel and header. This was partially wrong.

The top is a container for single positions like top-panel as well as a block like header containing space for logo and a position search. So in case you check positions using ?tp=1 and you see some positions like in the top.header / top.topsl, in such case the positions you see inside should be used to publish modules, and header and topsl will not work as positions, since they are sub blocks, in main block container top.

6. In the sixth point, css you have given is fine and as you said if it showing you result as you expected then there is you proof. 🙂

rattles Friend

rattles
Join date:
August 2011
Posts:
32
Downloads:
0
Uploads:
28

Thanks:

8

November 14, 2011 at 10:21 pm #424657

Hi,

thanks for your very good explanations. They really helped me understanding some background relations. There is just one hting i would know if this is possible:

Regarding the module position top-toppanel: Is it possible to the module look like the rest of the page and not like that yellowish comment-style? I tried the module-class suffix _hilite but could not see any effect.

Thanks,
Ralph
himangi Friend

himangi
Join date:
April 2011
Posts:
1406
Downloads:
1
Uploads:
86

Thanks:

21

Thanked:

345 times in 332 posts
November 15, 2011 at 7:42 am #424692

Hi Ralph,

Good to know my explanation helped you 🙂

To remove the background yellow color and border around the position top-panel, open template.css file located at templates/ja_droid/css folder.
On line 566, you will find the following styling.
<blockquote>#ja-top-panel .main-inner1 {
background: none repeat scroll 0 0 #FFFFCC;
border: 2px dotted #E2E2B5;
margin-top: 15px;
padding: 5px 10px;
text-align: center;
}
</blockquote>

Replace the above styling with <blockquote>#ja-top-panel .main-inner1 {
background: none ;
border: 0px;
margin-top: 15px;
padding: 5px 10px;
text-align: center;
}</blockquote>

As you can see, we are removing the color code specified for background and removing border width, color etc. while replacing the styling.
1 user says Thank You to himangi for this useful post
1. rattles
rattles Friend

rattles
Join date:
August 2011
Posts:
32
Downloads:
0
Uploads:
28

Thanks:

8

November 17, 2011 at 6:00 pm #425121

Hey there and thanks again for your solution!

Is there any way to change the font-alignment for module-position user1 only? I have had a look at the template.css and found this code on line 505:

ja-topsl .module div div div { border: 0; padding: 0; text-align: center; }

If i change the alignment from center to left, it will change the text alignment for all 3 module positions “user1 user2 user3” which are located in the block “topsl”. SO this is not an solution for me. Ok, i thought, i add a own css style for the moduleposition user1 by adding some code to thetemplate.css:

/* MISCELLANOUS ----------------------------------------------------------- */ ja-user1 .main-inner1 { text-align: left; }

As i thought, this wont change a single thing. So i went ahead and had a look in the forums for people with similar problems. There was 1 post where someone said, that you can change the look of the module-positions by editing the layout of your template in the backend. I tried that aswell by changing the layout “Default” which is used by my site, but had no luck aswell.

I am sure Himangi, you dont even have to look at some css file to point me into the right direction. 🙂

Regards,
Ralph

himangi Friend

himangi
Join date:
April 2011
Posts:
1406
Downloads:
1
Uploads:
86

Thanks:

21

Thanked:

345 times in 332 posts

November 18, 2011 at 6:51 am #425176

Hi Ralph,

If you just want to have text left aligned in modules in user1 position, you can simply give a module class suffix to them by editing the module.
Say you specify a moduel class suffix as -topsl-left, then you will need to add the following styling in your template.css This is the styling that is applied to a module and divs in the module structure, when module class suffix is not applied, that is your current styling. Since you want the module text left aligned but at the same time maintain all other styling, you need to add styling as below.

<blockquote>#ja-topsl .module-topsl-left{
background: #ECEFF9;
border: 1px solid #CBD0E2;
padding: 4px;
margin: 0 10px 20px;
overflow: hidden;
position: relative;
}

#ja-topsl .module-topsl-left div {
border: 1px solid #CBD0E2;
padding: 0;
}

#ja-topsl .module-topsl-left div div {
background: #F1F3FB;
border: 1px solid white;
padding: 15px;
}

#ja-topsl .module-topsl-left div div div {
border: 0;
padding: 0;
text-align: left;
}

#ja-topsl .module-topsl-left h3 {
background: url(../images/h3-bg4.png) no-repeat center bottom;
border: 0;
color: #273457;
font-size: 180%;
padding: 0 0 20px 0 !important;
text-transform: none;
}</blockquote>

Once this is done, you can use module class suffix -topsl-left for displaying module text,left aligned with all other styling for modules in positions user1 / user2 / user3.

Let me know if above styling does not show you the module styling exactly same as that of modules in user2 & user3 positions, with only difference of text alignment.

rattles Friend

rattles
Join date:
August 2011
Posts:
32
Downloads:
0
Uploads:
28

Thanks:

8

November 19, 2011 at 12:05 am #425346

Hi Himangi,

yes i thought about doing that, as i did with the “new” module-class suffix _hilite-align-left but i thought there might be a more simple way to give a module position some extra layout-options. Lets say I don’t want to have a moduleposition to be 250px wide anymore and I want to change this into a different height. Or i want the module-position align left instead of centered, or maybe i want the module position to hae a flexible height instead of a fixed one?
Does this mean, for each customisatoin i want to have, do i have do add an extra css and use this as the module-class-suffix?

Is it not possible to change the layout of a certain moduleposition without adding extra css to my template? And if so, where can i find this settings?

Thanks and regards,
Ralph

himangi Friend

himangi
Join date:
April 2011
Posts:
1406
Downloads:
1
Uploads:
86

Thanks:

21

Thanked:

345 times in 332 posts

November 19, 2011 at 7:11 am #425368

Hi,

As far as I know, it is not possible to have a different styling to one of the modules when you want to have some default styling for other modules, without adding some specific css styling.

Regarding the width, since you are using JAT3 template, you can specify if you want you left / right module from the number of modules in topsl (the having type=”spotlight”) using extra params as explained in the http://wiki.joomlart.com/wiki/JA_T3_Framework_2/Guides

<blockquote>Spotlight parameters
Total width
Expression: <block name=”bottom-spotlight” type=”spotlight” totalwidth=”95″ …>user6,user7,user8,user9,user10</block>
Purpose: this setting will override the default width of the entire spotlight (100%) with the value you set here. In the expression above you can see a 95% width for the bottom-spotlight block.

Custom width
Expression: <block name=”top-spotlight” type=”spotlight” special=”left” specialwidth=”25″>user1,user2,user3,user4,user5</block>
Purpose: – this will override the default 20% width for a single position within the layout, it could be the one in the right side, it could be the one in the left side, but let’s examine these parameters closer:
special=”left” – this defines where is the module we want to use the custom width: left or right
specialwidth=”25″ – this defines the new width value for this module within the spotlight block.</blockquote>

rattles Friend

rattles
Join date:
August 2011
Posts:
32
Downloads:
0
Uploads:
28

Thanks:

8

November 20, 2011 at 7:56 pm #425535

Hi there,

thanks for your reply. I´m gonna try a few things with the hints you gave me and see if this will help me.

Regards,
Ralph
Author

Posts

Viewing 11 posts - 1 through 11 (of 11 total)

This topic contains 11 replies, has 2 voices, and was last updated by rattles 13 years ago.

We moved to new unified forum. Please post all new support queries in our New Forum

Quick Navigation

Site navigation

Various little Problems with Template and Module

rattles

himangi

rattles

himangi

rattles

himangi

rattles

himangi

rattles

himangi

rattles

Important Notice :

Jump to forum

Categories