Zikula Community

• eledril
  
  

  • Rank: Softmore
  • Registered: Jul 10, 2006
  • Last visit: May 21, 2010
  • Posts: 315

  Posted: Aug 14, 2011 - 12:09 AM

  Has anyone figured out a way to create a mobile version of Zikula websites (a mobile Theme)? I have tried several free options that I found online (Conduit, Widgetbox, I even tried Instapaper for a while) to create mobile sites but the problem is the fact that they simply create a mobile home page. When you click on an article, it opens up the full site.
  I am aware of the Mobile guidance project in the Cozi but it doesn't offer an easy solution. I'd like to be able to have the latest articles from News and perhaps the day's events from PostCalendar in a mobile version.
  Is this something that will is included in 1.3.0?
  Any suggestions?
  
  --
  Christopher Pelletier
  NorthumberlandView.ca
  A View Like No Other

  • 
  •  
• eledril
  
  

  • Rank: Softmore
  • Registered: Jul 10, 2006
  • Last visit: May 21, 2010
  • Posts: 315

  Posted: Aug 14, 2011 - 12:11 AM

  I guess my real question is... Is there a ready-made mobile theme that can be customized?
  
  --
  Christopher Pelletier
  NorthumberlandView.ca
  A View Like No Other

  • 
  •  
• HalbrookTech
  
  

  • Rank: Developer
  • Registered: Dec 31, 1969
  • Last visit: Jun 01, 2010
  • Posts: 6859

  Posted: Aug 14, 2011 - 04:01 AM

  There is a theme for 1.3 that is built on a CSS Framework that should degrade to a mobile view gracefully. But other than that, I'm not aware of there being one.
  
  --
  Home Page | Find on Facebook | Follow on Twitter
  

  • 
  •  
• eledril
  
  

  • Rank: Softmore
  • Registered: Jul 10, 2006
  • Last visit: May 21, 2010
  • Posts: 315

  Posted: Aug 14, 2011 - 07:04 AM

  Sounds good to me. In the meantime, I'll look around and see if I can find anything else.
  Thanks
  
  --
  Christopher Pelletier
  NorthumberlandView.ca
  A View Like No Other

  • 
  •  
• milleja46
  
  

  • Rank: Freshman
  • Registered: Jun 10, 2011
  • Last visit:
  • Posts: 61

  Posted: Aug 16, 2011 - 02:22 AM

  Well funny how i discovered this thread because i was just looking into this for my site using iwebkit and taking the framework of another theme and combining the two, the only problem i am having is knowing how to have this theme i'm making active if they are on a iphone device(haven't found the android version of this as of yet may have to ask the dev of iwebkit to make a android version don't know yet :P). I'd be willing to cooperate with someone on this if they want to ;) but i will release this for zikula when i get it ready
  
  Edit: refer to edit2
  Edit2: Ok for my version to work you'd have to create a subdomain mirror(if i'm correct) and on that one use a mobile them which i'm working on a basic one right now, then detect a mobile browser and when it detects a mobile wb it redirects to the mobile theme(though mine is going to be a OS based version to make it seem a little better on the fluidness) and add option to move back and forth between the two on the mobile device if wanted...now to get to work on it
  
  
  
  Edited by milleja46 on Aug 16, 2011 - 05:23 AM.

  • 
  •  
• slam
  
  

  • Rank: Team Member
  • Registered: May 03, 2004
  • Last visit: May 31, 2010
  • Posts: 511

  Posted: Aug 16, 2011 - 02:28 PM

  I really would prefer to detect screen resolution instead of operating systems or browsers - after all this is the reason to have an adapted theme. Think about all those new tablets using a mobile browser, but with screen resolutions very much fitting for default themes. On the other side there are older netbooks with e.g. 800x420, using a stock browser which would benefit from a "mobile" theme a lot.
  Greetings,
  Chris
  
  
  
  Edited by slam on Aug 17, 2011 - 03:28 AM.
  
  --
  an operating system must operate
  development is life
  my repo

  • 
  •  
• Guite
  
  

  • Rank: Team Member
  • Registered: Jan 19, 2003
  • Last visit: Apr 06, 2010
  • Posts: 442

  Posted: Aug 16, 2011 - 04:23 PM

  Maybe these links are helpful:
  

  • 960 Grid on jQuery Mobile
    
  • WURFL
    

  
  
  --
  Guite | ModuleStudio

  • 
  •  
• milleja46
  
  

  • Rank: Freshman
  • Registered: Jun 10, 2011
  • Last visit:
  • Posts: 61

  Posted: Aug 16, 2011 - 07:20 PM

  @Slam yea that makes more sense, i'm just going to have to find a way to do that i've never had to do this and i want to learn so i can make my web development skills betters while helping this zikula but what screen res woiuld choose the desktop version and which the mobile verision(i was thinking just about the ipad size but i think that's almost the size of a normal computer screen)?
  
  But i will be using webkit just to help me it look "native" to the computers default OS(since iwebkit uses a iOS like substitute for this) and i'll be looking for the android version as well very soon
  @Guite i'll look into the WURFL one for this case that might be very useful

  • 
  •  
• slam
  
  

  • Rank: Team Member
  • Registered: May 03, 2004
  • Last visit: May 31, 2010
  • Posts: 511

  Posted: Aug 16, 2011 - 09:34 PM

  e.g. a simple javascript:
  

  Code

  <!--
  if ((screen.width>=1024) && (screen.height>=768))
  {
   window.location="highres.tpl";
  }
  else
  {
    window.location="lowres.tpl";
  }
  //-->

  
  Greetings,
  Chris
  
  --
  an operating system must operate
  development is life
  my repo

  • 
  •  
• milleja46
  
  

  • Rank: Freshman
  • Registered: Jun 10, 2011
  • Last visit:
  • Posts: 61

  Posted: Aug 16, 2011 - 10:07 PM

  I may have to edit that alittle because i still think it's better to use a webkit native to that OS to build it's template, i've just about got a iphone version done if it would just show up right when i set it and test on my ipod touch XD

  • 
  •  
• milleja46
  
  

  • Rank: Freshman
  • Registered: Jun 10, 2011
  • Last visit:
  • Posts: 61

  Posted: Aug 17, 2011 - 12:20 AM

  Well here's a start just add this line into zikula's index.php

  Code

  $useragent=$_SERVER['HTTP_USER_AGENT'];
  if(preg_match('/android.+mobile|avantgo|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i',$useragent)||preg_match('/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|e\-|e\/|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|xda(\-|2|g)|yas\-|your|zeto|zte\-/i',substr($useragent,0,4)))
  header('Location: http://m.m46sg.frih.org');

  
  Just change the Location URL to the mobile version's URL. Next to add zikula to the mobile version and connect the two(if only i could make it work like i want and just add the connections into a page and convert it to a friendly version for that version.
  
  Code from: Here

  • 
  •  
•  
•  

Users on-line

• 0 users

This list is based on users active over the last 60 minutes.