Hi, Aurther:
Shawn, to clarify - are you trying to create an Android app for your site
or are you hoping to provide a more mobile-friendly experience for folks
browsing your website on mobile devices?
Actually, I have already done the job you mentioned. I have created an
android app for my wiki site, and wrap jquery mobile (JQM) libraries
within the app to provide more mobile-friendly experiences. The problem
is that the wiki site if browsed from PCs cannot support JQM, which
means the wiki site has different look and feel on the android app and
pc. That is not what I expected. I want the wiki site to also support
JQM if browsed from PCs.
I ever tried to copy and paste JQM into Mediawiki:common.js and
Mediawiki:common.css. But JQM applies styles to the whole page. I just
want JQM style to work on the main content, i.e., the div#content on the
wiki site, without affecting the surrounding parts.
Folks from the mobile apps team (Yuvi?) can probably give you better
insight if you're trying to create an app. If you'd like to create a
mobile-friendly browsing experience for your users, you might try
installing the MobileFrontend extension to Mediawiki and configuring device
detection to your needs:
http://www.mediawiki.org/wiki/Extension:MobileFrontend
Thanks for the information. My app already uses this MobileFrontend
extension. This is a wonderful extension to grab only the main contents
(div#content) from mediawiki.
On Tue, Sep 3, 2013 at 8:56 AM, XIAO Qingjun <csqjx...@gmail.com> wrote:
Hi, all
I am trying to add some jquery mobile components to my wiki site, to give
it a more beautiful look on Android app. The app is the official mediawiki
mobile client, which can be downloaded from the following link.
https://github.com/wikimedia/**WikipediaMobile<https://github.com/wikimedia/WikipediaMobile>
Now, there is no problem for me to include the jquery mobile javascript
and css to this little phonegap-based project. If the contents grabbed from
the mediawiki website (by mobilefrontend) contains jquery mobile
components, they can be shown properly on my android phone.
However, the wiki site look quite different if it is accessed from a PC.
All the jquery mobile contents do not load properly. So I added the
jquery.mobile-1.3.2.min.js to mediawiki common.js, and the
jquery.mobile-1.3.2.min.css to mediawiki common.css. But the whole site
looks a mess. All the buttons and links are shown as jquery mobile buttons,
and cannot be clicked. I wonder whether there is a graceful method to apply
the jquery.mobile js and css just to the wiki contents (in particular, to
div#content), without affecting the surrounding parts, like the edit page
button, save page button, etc.
Thanks for casting some light onto this issue.
Best
Shawn
______________________________**_________________
Wikitech-l mailing list
Wikitech-l@lists.wikimedia.org
https://lists.wikimedia.org/**mailman/listinfo/wikitech-l<https://lists.wikimedia.org/mailman/listinfo/wikitech-l>
--
Dr. Xiao, Qingjun (Shawn)
Department of Computer & Information of Science & Engineering
University of Florida
E-mail: csqjx...@gmail.com <mailto:csqjx...@gmail.com>
Phone: (678) 468-9142
Homepage: http://www.cise.ufl.edu/~qxiao/
<http://www.cise.ufl.edu/%7Eqxiao/>
_______________________________________________
Wikitech-l mailing list
Wikitech-l@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/wikitech-l
