Joomla Templates Club 406,261 posts

[herlinda1 Friend herlinda1Join date: December 2010Posts: 31Downloads:0Uploads:0 Thanks: 2]

#167250

Hi I am wondering what module positions I need to use for the iphone layout. I just need some tekst on the homepage and want to use a module position for it bacause I dont use the maincontent block on the desktop layout.

Thanx

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#405831

<em>@herlinda1 258687 wrote:</em><blockquote>Hi I am wondering what module positions I need to use for the iphone layout. I just need some tekst on the homepage and want to use a module position for it bacause I dont use the maincontent block on the desktop layout.

Thanx</blockquote>

hi herlinda1,

If you go to the template setting >> Layouts tab going to edit the iphone layout you would see that there are not module positions for this layout but only content section, you see a block tag like this
<blocks name=”middle”>

</blocks>

you can add some modules positions here, example add the right and left module positions
<blocks name=”middle”>
<block name=”left1″>left</block>
<block name=”right1″>right</block>
</blocks>

that would help to add the left and right positions at the front-end but I am not sure if they are well styled

[herlinda1 Friend herlinda1Join date: December 2010Posts: 31Downloads:0Uploads:0 Thanks: 2]

#407710

Hi,

I cant get it to work, this is my XML file, I have added mobile1 as you suggested and created a custom html module with some text and positioned it to mobile1 shown on the homepage

<?xml version=”1.0″ encoding=”utf-8″?>
<layout body-class=”bd-iphone” device=”iphone”>
<name>Iphone</name>
<description>Default layout for Iphone</description>
<!–Extra css load for this layout–>
<stylesheets>
<file>css/iphone/layout.css</file>
<file>css/iphone/template.css</file>
</stylesheets>
<scripts>
<file>js/iphone.js</file>
</scripts>
<blocks name=”top” style=”xhtml”>
<block name=”mainnav” type=”iphone/mainnav” class=”black”></block>
<block name=”header” type=”iphone/header”></block>
</blocks>
<blocks name=”middle”>
<block name=”mobile1″>mobile1</block>
</blocks>
<blocks name=”bottom” style=”xhtml”>
<block name=”footer” type=”iphone/footer”></block>
</blocks>
</layout>

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#407817

You replace


<block name="mobile1">mobile1</block>
with

<block name="left1">mobile1</block>

[herlinda1 Friend herlinda1Join date: December 2010Posts: 31Downloads:0Uploads:0 Thanks: 2]

#408000

Thanx but the right and left position are not full width obviously. Is there an iphone module position the is just centered and full width?

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#408066

I don’t understand what you mean clearly. Could you explain more details and give me a picture to show your problem?

[K Schneider Friend K SchneiderJoin date: September 2014Posts: 170Downloads:70Uploads:11 Thanks: 16 Thanked: 11 times in 1 posts]

#408164

when using left1 block the module is one 20% of the total width.
make block left1 100%

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#408167

I think you sould have to use a full width module position and only display that on the iphone layout. Unfortunately I do not have an iphone to check if this works or not.

[herlinda1 Friend herlinda1Join date: December 2010Posts: 31Downloads:0Uploads:0 Thanks: 2]

#408232

<em>@ocean12 262150 wrote:</em><blockquote>when using left1 block the module is one 20% of the total width.
make block left1 100%</blockquote>

Thats true, but where can that be adjusted, I think I tried the droid iphone css and JAT3 plugin iphone en layout css. Could not find the left1 positon

[herlinda1 Friend herlinda1Join date: December 2010Posts: 31Downloads:0Uploads:0 Thanks: 2]

#408233

<em>@phill luckhurst 262153 wrote:</em><blockquote>I think you sould have to use a full width module position and only display that on the iphone layout. Unfortunately I do not have an iphone to check if this works or not.</blockquote>

any idea wich one that is and how can I just set a module to just show on the iphone template.

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#408304

You try code

<block name="left1" width="100">mobile1</block>
You remember to use mobile1 position for modules

[herlinda1 Friend herlinda1Join date: December 2010Posts: 31Downloads:0Uploads:0 Thanks: 2]

#408683

<em>@khoand 262333 wrote:</em><blockquote>You try code

<block name="left1" width="100">mobile1</block>
You remember to use mobile1 position for modules</blockquote>

Well that seems to make the left position 100% but I now get an error.

Warning: Division by zero
on template.php on line 708

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#408692

You try use

width="99.9"

[K Schneider Friend K SchneiderJoin date: September 2014Posts: 170Downloads:70Uploads:11 Thanks: 16 Thanked: 11 times in 1 posts]

#409344

<em>@phill luckhurst 262153 wrote:</em><blockquote>I think you sould have to use a full width module position and only display that on the iphone layout. Unfortunately I do not have an iphone to check if this works or not.</blockquote>

Phill do’s Safari for Windows not have the possible to switch the user agent?
Because the osx version has this option to switch over on iphone, ipad, ie6, ie7.

[K Schneider Friend K SchneiderJoin date: September 2014Posts: 170Downloads:70Uploads:11 Thanks: 16 Thanked: 11 times in 1 posts]

#409353

<em>@khoand 262333 wrote:</em><blockquote>You try code

<block name="left1" width="100">mobile1</block>
You remember to use mobile1 position for modules</blockquote>

This is not the solution for me
When ja-left at 100% then ja-main is 0%

I want an Iphone layout where the left is 100%
and left must stand under the frontpage

[PHP]<?xml version=”1.0″ encoding=”utf-8″?>
<layout body-class=”bd-iphone”>
<name>Iphone</name>
<description>Default layout for Iphone</description>
<!–Extra css load for this layout–>
<stylesheets>
<file>css/iphone/layout.css</file>
<file>css/iphone/template.css</file>
</stylesheets>
<scripts>
<file>js/iphone.js</file>
</scripts>
<blocks name=”top” style=”xhtml”>
<block name=”mainnav” type=”iphone/mainnav” class=”black”></block>
<block name=”header” type=”iphone/header”></block>
</blocks>
<blocks name=”middle”>
<block name=”left1″>mobile1</block> </blocks>
<blocks name=”bottom” style=”xhtml”>
<block name=”footer” type=”iphone/footer”></block>
</blocks>
</layout>[/PHP]

Are there more blocks and block options to use in the iphone layout?

[Author]

Posts