- Posts: 13
 
COMMUNITY FORUM
Mobile templates and inline styling issue
- Renea
 - 
				
Topic Author
 - Offline
 - New Member
 
		Less
		More
		
			
	
		
			
	
						15 years 5 months ago				#83722
		by Renea
	
	
		
			
	
			
			 		
													
	
				Mobile templates and inline styling issue was created by Renea			
			
				First, awesome product!I am trying to make MobileJoomla play nicely with K2 and have run into my first display issue. Not sure how to tackle this.When you display subcategories on main category pages, the width of the DIV tag for subCategoryContainer is computed and added to the DIV tag via an inline style.components/com_k2/templates/default/category.php
<div class="subCategoryContainer" style="width:<?php echo number_format(100/$this->params->get('subCatColumns'), 1); ?>%;">
I need to override the style="width" for the class subCategoryContainer in my mobile template but I can not, since the style is inline.I was thinking about removing the style declaration all together from category.php and defining a width=20% in my template css (since all my subcategory listings are always 5 columns on every page).Anyone have a better idea?
					<div class="subCategoryContainer" style="width:<?php echo number_format(100/$this->params->get('subCatColumns'), 1); ?>%;">
I need to override the style="width" for the class subCategoryContainer in my mobile template but I can not, since the style is inline.I was thinking about removing the style declaration all together from category.php and defining a width=20% in my template css (since all my subcategory listings are always 5 columns on every page).Anyone have a better idea?
Please Log in or Create an account to join the conversation.
- Simon Wells
 - 
				
 - Offline
 - Platinum Member
 
		Less
		More
		
			
	
		- Posts: 955
 
			
	
						15 years 5 months ago				#83723
		by Simon Wells
	
	
		
			
	
			
			 		
													
	
				Replied by Simon Wells on topic Mobile templates and inline styling issue			
			
				Ok, firstly to prevent modifying your core (default) k2 template, you need to create a k2 template within your joomla template. I have a guide on how to create a K2 template, just transfering the data from K2Joom.com to simon.getk2.org and will advise of a new link shortly.
Once we have your new template files in place, we can then set your category to point to the new template and then start making changes.
Please be patient whilst I get these files for you.
Simon
K2 support
					Once we have your new template files in place, we can then set your category to point to the new template and then start making changes.
Please be patient whilst I get these files for you.
Simon
K2 support
Please Log in or Create an account to join the conversation.
- Renea
 - 
				
Topic Author
 - Offline
 - New Member
 
		Less
		More
		
			
	
		- Posts: 13
 
			
	
						15 years 5 months ago				#83724
		by Renea
	
	
		
			
	
			
			 		
													
	
				Replied by Renea on topic Mobile templates and inline styling issue			
			
				Familiar with making new templates. Will go ahead and do that.
Had an idea while doing the dishes (2nd best Ah Ha location in my house)...
Remove the "style" but leave the php that does the math. Append the php code to the end of subCategoryContainer. So new class would be subCategoryContainer20 (in my case).
Then make new styles in the k2 CSS files, one for each possible subCategoryClass (100, 50, 33, 25, 20, etc)
Logical?
Simon Wells (K2 Support) said:Ok, firstly to prevent modifying your core (default) k2 template, you need to create a k2 template within your joomla template. I have a guide on how to create a K2 template, just transfering the data from K2Joom.com to simon.getk2.org and will advise of a new link shortly.
Once we have your new template files in place, we can then set your category to point to the new template and then start making changes.
Please be patient whilst I get these files for you.
Simon
K2 support
					Had an idea while doing the dishes (2nd best Ah Ha location in my house)...
Remove the "style" but leave the php that does the math. Append the php code to the end of subCategoryContainer. So new class would be subCategoryContainer20 (in my case).
Then make new styles in the k2 CSS files, one for each possible subCategoryClass (100, 50, 33, 25, 20, etc)
Logical?
Simon Wells (K2 Support) said:Ok, firstly to prevent modifying your core (default) k2 template, you need to create a k2 template within your joomla template. I have a guide on how to create a K2 template, just transfering the data from K2Joom.com to simon.getk2.org and will advise of a new link shortly.
Once we have your new template files in place, we can then set your category to point to the new template and then start making changes.
Please be patient whilst I get these files for you.
Simon
K2 support
Please Log in or Create an account to join the conversation.
- Renea
 - 
				
Topic Author
 - Offline
 - New Member
 
		Less
		More
		
			
	
		- Posts: 13
 
			
	
						15 years 5 months ago				#83725
		by Renea
	
	
		
			
	
			
			 		
													
	
				Replied by Renea on topic Mobile templates and inline styling issue			
			
				I gave my idea a try and it seems to work. Would appreciate feedback on whether or not this is a good ide. (or maybe a better idea if you have one - not rushing, just sharing)
I took the decimal place out of the php function so it would just return a whole number value.
Then added this to k2.css
div.subCategoryContainer100 {float:left; width: 100%;}
div.subCategoryContainer50 {float:left; width: 50%;}
div.subCategoryContainer33 {float:left; width: 33%;}
div.subCategoryContainer25 {float:left; width: 25%;}
div.subCategoryContainer20 {float:left; width: 20%;}
					I took the decimal place out of the php function so it would just return a whole number value.
Then added this to k2.css
div.subCategoryContainer100 {float:left; width: 100%;}
div.subCategoryContainer50 {float:left; width: 50%;}
div.subCategoryContainer33 {float:left; width: 33%;}
div.subCategoryContainer25 {float:left; width: 25%;}
div.subCategoryContainer20 {float:left; width: 20%;}
Please Log in or Create an account to join the conversation.
- Simon Wells
 - 
				
 - Offline
 - Platinum Member
 
		Less
		More
		
			
	
		- Posts: 955
 
			
	
						15 years 5 months ago				#83726
		by Simon Wells
	
	
		
			
	
			
			 		
													
	
				Replied by Simon Wells on topic Mobile templates and inline styling issue			
			
				Hi Renea,
Again, provided you created you new K2 template so as not to affect the core and if it works, then its job done.
Regards,
Simon
K2 Support
					Again, provided you created you new K2 template so as not to affect the core and if it works, then its job done.
Regards,
Simon
K2 Support
Please Log in or Create an account to join the conversation.