Public Forums 71,145 posts

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#490368

Hi stix,

I have an idea on your concern, but not sure it works 100% & quitely need huge customizations for your new layout because It is out of our default layout for iPhone view. If It is done, the layout can be fitted for 0-479 px device view.

1. Create a css file which stores name : layout-mobile-port2.css (i.e) in <blockquote>templates/ja_mixmaz/css folder</blockquote>. This new file contains your overidden css styles.

2. Create a iphone2.xml (i.e) which contains your overridden layout for 0-479px view, then put it in <blockquote>plugins/systems/jat3/jat3/basethemes/default/etc/layouts. </blockquote>

3. Then put below line :

<file media="only screen and (max-width: 321px)">css/layout-mobile-port2.css</file>

in<blockquote> templates/ja_mixmaz/etc/layouts/default.xml </blockquote>

4. Then you can set the new layout for device view in Layout Setting of Profile as I mentioned in previous reply.

* You can compare the available css styles & layout of our JA Template to make your overridden ones.
And remember to BACKUP your website before applying something new !
Don’t forget to inform me your result.

Regards,
—
Leo

[stix Friend stixJoin date: April 2012Posts: 76Downloads:0Uploads:1 Thanks: 9 Thanked: 7 times in 1 posts]

#490392

HI

May i understand something./

Any css file that i load in the xml layout will get picked ?

<file>css/iphonecss.css</file> in my IPhone4.xml file that choosen for backend iphone layout.

thanks

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#490433

I’m afraid I’m not quite getting what you are trying to say.

JA T3v2 framework only support desktop layout, handheld layout, iphone layout and Android Layout.

It would be awesome if you can possibly include a screenshot and more details on wnat you would like to do.

Looking forward to your response. I’m eager to help!

[stix Friend stixJoin date: April 2012Posts: 76Downloads:0Uploads:1 Thanks: 9 Thanked: 7 times in 1 posts]

#490565

Hi Guys thanks for the reply and sorry for the delay.

I need to understand further in depth in order to know which css to change.

For iphone , what are file executed (css , js) in both cases below?

case1 : Set to default layout .
case2 : set to iphone layout ,
–
template/etc/layouts
template/blocks/iphone
css/iphone/template

jat3/base-theme/default/ /css/iphone/
/blocks/iphone/

etc/layouts/iphone.xml – WHEN this is executed? by default when choose iphone layout ?
js/iphone

lastly is loading the site in iphone emulators , same as loading in actual phone?

cause i see there is some funny grey color borders in iphone view, is that the default iphone view?

the site is localhost still, thanks

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#490589

I am not sure which JA Template you are using on your site?

But let me explain JAT3 V2 running on JA Template in general for you

Case 1: Set default layout -> run with desktop layout

+ You can find all positions defined on this file

templates/ja_template/etc/layouts/default.xml

+ And config it from back-end site:

<blockquote>Go to Admin -> Template Manager -> Edit JA Template -> Layout -> edit Default</blockquote>

+ Css appear with desktop layout

templates/ja_template/css/template.css

Case2 : set to iphone layout

templates/ja_template/etc/layouts/iphone.xml

+ And config it from back-end site:

<blockquote>Go to Admin -> Template Manager -> Edit JA Template -> Layout -> edit iPhone</blockquote>

+ Css appear with iphone layout

templates/ja_template/css/iphone/template.css

You can have a look at JAT3 v2 framework user guide for reference

---

Attachments:

1. 
2. 

[stix Friend stixJoin date: April 2012Posts: 76Downloads:0Uploads:1 Thanks: 9 Thanked: 7 times in 1 posts]

#490595

Ja univ. thanks

[stix Friend stixJoin date: April 2012Posts: 76Downloads:0Uploads:1 Thanks: 9 Thanked: 7 times in 1 posts]

#490596

Hi, thanks for explanations.

1.template/blocks/iphone when is executed?

2.Is iphone auto detected when using iphone and load all the blocks?

3.iphone is 320px wide, mobile-port.css is controlling 1-479px wide, so its iphone too.
how do i code is such a iphone only css with default layout ? <as discuss with Leo above>

4.whats the best setting for ja_univ? using default layout with iphone i guess.

thanks

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#490731

1.template/blocks/iphone when is executed?

It is executed when system detect an iphone / mobile device

2.Is iphone auto detected when using iphone and load all the blocks?

If system detect iphone device, it will load all position defined to run with iphone device

3.iphone is 320px wide, mobile-port.css is controlling 1-479px wide, so its iphone too.
how do i code is such a iphone only css with default layout ? <as discuss with Leo above>

You need to know both concept: device layout and responsive layout

JA T3v2 framework supports both case

4.whats the best setting for ja_univ? using default layout with iphone i guess.

JA University Template is responsive template, it will auto load css style to match resolution

+ Open templates/ja_university/etc/layouts/default.xml file


<!--load with mobile layout-->
<file media="only screen and (max-width:719px)">css/layout-mobile.css</file>
<file media="only screen and (max-width:479px)">css/layout-mobile-port.css</file>
<!--load with layout layout-->
<file media="only screen and (min-width:720px) and (max-width: 985px)">css/layout-tablet.css</file>


Here you have the config of JA University Template

and for more details you can refer to user guide of JA University Template

---

Attachments:

1. 

[Author]

Posts