vb.org Archive - Forum Style - Lightweight Style for Small Screen Devices (cell phone, iphone, mobile, android)

Page 9 of 29

Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 4.x Styles (https://vborg.vbsupport.ru/forumdisplay.php?f=247)

- - Forum Style - Lightweight Style for Small Screen Devices (cell phone, iphone, mobile, android) (https://vborg.vbsupport.ru/showthread.php?t=249277)

Merriweather

04-04-2011 02:18 PM

Forgive me for not being able to read back all 22 pages, but a quick search of the thread didn't turn anything up so...

Are there any plans to devote any attention to the Social Groups in this style? I LOVE this style - it's the best one I've tried, but the Social Groups are a mess on it. I don't even think you can start a new discussion in your group from this style. :(

I can make the changes myself, but then if this style is updated, it makes updating a mess for me, so I'd love to see it rolled into the style itself.

dartho

04-05-2011 12:34 AM

No plans for this - a lot of the frame work is already in there from vb3.x, it just needs to be updated

Quote:

Originally Posted by Merriweather

I can make the changes myself, but then if this style is updated, it makes updating a mess for me

Same here ;) and I don;t even use social groups!

Merriweather

04-05-2011 12:52 AM

I don't understand? I meant if I customize YOUR style, and then YOU release a style update, that makes it really hard for me to sync the two. I was hoping you would be willing to include the updates in your style to avoid that.

As far as I can tell, you can't even post to social groups with this style. :(

dartho

04-05-2011 03:33 AM

Sorry, I misunderstood. Sure - if you do the updates to the groups templates, I'll merge them in to this style if/when I do another release.

grc	04-06-2011 08:07 PM

Glad I updated - it looks very good. Thanks for this style.

grc	04-06-2011 08:19 PM

Just asking hopefully on this one - but I have the DETech "thanks" mod installed on my forum. Is there any way that the "thanks" buttons can be displayed in the mobile style?
https://vborg.vbsupport.ru/showthread.php?t=243510

rughis

04-09-2011 02:21 PM

Hi

I ugraded my vB 4.1.1 CMS Suite to 4.1.3 and on the lightweight style I have a problem with the Currently Active Users: in any case I see always the word "Array", instead of the active users.

http://img684.imageshack.us/img684/1255/lightstyle.gif

How I can solve this problem?

dartho

04-09-2011 10:10 PM

Are you using the latest version of the style? I did an update a couple weeks back that fixed that issue in 4.1.2. Just import the XML, no need to update the CSS

HolyKiller

04-10-2011 02:19 AM

Thanks for update, keep up this good work, don't let this skin "die", because that new vBulletin "Mobile" skin is .... so slooooooowwwwwww and :(:(:(

NgocTam

04-12-2011 01:22 PM

how to resize image in mobile styles

rughis

04-12-2011 02:26 PM

Quote:

Originally Posted by dartho (Post 2182789)

Are you using the latest version of the style? I did an update a couple weeks back that fixed that issue in 4.1.2. Just import the XML, no need to update the CSS

Hi dartho, thank you.

Now everything is working fine, thank you for your suggestion and your work. Your mobile style is really the best for vbulletin sites.

dartho

04-12-2011 11:02 PM

@NgocTam
Try pasting this into the bottom of your header template in this style:

Code:

<script type="text/javascript">

function fixImgs(maxW) {

  var pix=document.getElementsByTagName('img');

  for (i=0; i<pix.length; i++) {

    w=pix[i].width;

    h=pix[i].height;

    if (w > maxW) {

      f=1-((w - maxW) / w);

      pix[i].width=w * f;

      pix[i].height=h * f;

    }

  }

}



function addLoadEvent(func) {

  var oldonload = window.onload;

  if (typeof window.onload != 'function') {

    window.onload = func;

  } else {

    window.onload = function() {

      if (oldonload) {

        oldonload();

      }

      func();

    }

  }

}



addLoadEvent(function() {

  fixImgs(200);  // Change this value to change maximum image width

});

</script>

Not my code - got it from http://javascript.internet.com/misce...e-resizer.html

Kolbi

04-13-2011 07:54 AM

Compiled and optimised:

Code:

<script type="text/javascript">

function fixImgs(b){var a=document.getElementsByTagName("img");for(i=0;i<a.length;i++)if(w=a[i].width,h=a[i].height,w>b)f=1-(w-b)/w,a[i].width=w*f,a[i].height=h*f}function addLoadEvent(b){var a=window.onload;window.onload=typeof window.onload!="function"?b:function(){a&&a();b()}}addLoadEvent(function(){fixImgs(200)});

</script>

alwafi

04-15-2011 06:14 PM

Hello Every one

very nice style

thanks

best regrad's

tadukuttan

04-16-2011 12:06 PM

Desktop/PCMode link does not seem to work with VB 4.1.3, every time user switches to Desktop Style, clicking any forum link causes style to switch back to Mobile/Lightweight style. I just changed default style chooser to have 'none' option with value '-1', similar to what VB mobile style uses to switch back to full style.

Code:

                        <setting varname="ls_default_style" displayorder="20">

                                <datatype>free</datatype>

                                <optioncode>select:eval

$options = fetch_style_title_options_array();$options = array('-1' => $vbphrase['none']) + $options;</optioncode>

                        </setting>

This works alright, please let me know if there is better fix.

Robbed

04-16-2011 05:52 PM

Thanks for the update dartho. The image resizer code works good.

Alan_SP

04-17-2011 01:47 AM

Quote:

Originally Posted by tadukuttan (Post 2185245)

This seems to be problem for some of my users. I'm waiting for confirmation if this solves their problem.

dartho

04-18-2011 04:08 AM

Good work around for 4.1.3, tadukuttan. I notice vbulletin.com also does this, choosing a styleid of -1 is the only way to break out of their mobile device detection so I think your solution is probably the fix - although I'd use text "Default Style" as opposed to "none"

rwoscott

04-19-2011 04:28 AM

I just upgraded VB to 4.1.3, from 4.1.1, and tried to upgrade the style, but get the following error.

Invalid File Specified

I have uninstalled the style, and tried a fresh install, bu tI still get the same error.

Any idea??

dartho

04-19-2011 08:21 AM

Have you tried re-downloading the zip and extracting it to a new location on your local computer before importing via the Style Manager?

rwoscott

04-19-2011 09:37 AM

Quote:

Originally Posted by dartho (Post 2186230)

Have you tried re-downloading the zip and extracting it to a new location on your local computer before importing via the Style Manager?

Don't worry, I'm an idiot.
I was importing it as a plugin, not a style. Sheesh, how stupid.

Sorry to trouble you!!

dartho

04-19-2011 10:43 AM

:) I thought that may be the case - it's a common mistake ...

pentolkorek

04-21-2011 09:58 AM

update waiting for 4.1.3

Merriweather

04-22-2011 03:14 AM

I have worked a bit on the Social Groups portion of this style and it's easier to read and members can now start discussions in their Social Groups thread. dartho, when I add in the group pagination so you can see more than just the first ten topics in a group, I'd like to send you my files to see if you can incorporate them into the theme. Can I email you? PM me with an email address if that's ok. :)

aldhawi999

04-22-2011 09:59 AM

Thanks great style
BUT
is there a way to re-size images?

dartho

04-22-2011 10:23 AM

yeah, click "Mark as Installed" and then read the previous page or post #2

The Rocketeer

04-22-2011 06:57 PM

so how do you update it to the latest version?

dartho

04-22-2011 10:07 PM

almost the same way you install it, only select your existing lightweight style to merge it into and select ignore style version

Phaedrus

04-23-2011 04:37 AM

Is there a way to add a scroll bar in the reply window?

My users report that when replying to a post with a large quote it becomes impossible to scroll down and reply.

dartho

04-23-2011 11:04 PM

It should add scroll bars - does for me on my device. You could edit the editor_toolbar_* templates (there are 4 of them) and search for

Code:

style="width:100%; height:100px"

and replace with

Code:

style="width:100%; height:100px;overflow:auto"

in SHOWTHREAD search for style="height:100px;width:99%" and replace with above code.

This will explicitly specify adding scroll bars when text size is greater than textbox area.

Phaedrus

04-25-2011 04:04 PM

I'll give that a go, thanks. It appears to be working. I was able to scroll down on a huge post and add a reply. I hope this satisfies the users.

Mark.B

04-27-2011 11:14 AM

I just wanted to say a big "plus" for this style, I am using it (albeit somewhat modified) on my site and I consider it a far superior solution to the default vB one.

My demo is here:
http://www.bowlandcentral.com/forum/...hp?styleid=167

I've been tweaking and styling it a lot lately.

Current screenshots when logged in. These are taken in desktop Safari but setting the useragent as iPad, they actually look better in mobile Safari.

https://vborg.vbsupport.ru/external/2011/05/46.jpg

https://vborg.vbsupport.ru/external/2011/04/12.jpg

dartho

04-27-2011 12:40 PM

That's looking pretty sweet, Mark. You've got some nice tweaks there (and in your default style too) - I especially like what you've done with the header/navbar.

Also good to see vb4 is working for you, I still haven't made the leap from 3.8 to 4.x yet.... one of these days!

Thanks for sharing

Mark.B

04-28-2011 08:25 PM

Quote:

Originally Posted by dartho (Post 2189265)

Thanks Dartho. It's been a gradual evolution to get it to where I want, but I think the main style still has the "vB4 look", which is what I wanted to achieve.

The same is the case with the mobile style, I wanted the vB4 look (as far as possible). By adding avatars I have probably reduced the "lightweight" aspect a little but I was inspired by Invision's mobile style which looks rather good with them in place.

I think the balance is now good, I shall not add any further bloat to it.

Probably my next step on the mobile style, is that I was lazy and hard coded some of the CSS into the templates, I need to transfer that out into the css file, which will then allow me to offer different coloured variants like I do with the main style. Haven't really worked out the best way to marry that in with auto-detection though. Currently I have a custom user field that allows people to override the auto detection (mainly for people with iPads...adding the iPad useragent to the exclusion fields seem to fail and as I don't have an iPad I can't easily troubleshoot that) but it's far from ideal, the cookies keep sticking because they are in the URLs.....

Kolbi

04-29-2011 09:53 AM

perhaps Dartho keeps some modifications you did? :)

Mark.B

04-29-2011 02:09 PM

Quote:

Originally Posted by Kolbi (Post 2189941)

perhaps Dartho keeps some modifications you did? :)

Well they aren't difficult but some of them are less "lightweight" than perhaps was intended for this style, particularly with regard to using avatars.

Most of my changes are simply minor restyling of the basics of this style, for instance using the windowbg class to put boxes round everything, and then adding a couple of elements from the main style to make things look consistent (eg those quote boxes are the same ones I use in the main style).

big dan

04-30-2011 05:48 PM

Thanks for this style. It's a great option to have. I just upgraded to 4.1.3, is it safe to revert all the templates that need attention?

dartho

04-30-2011 09:19 PM

yep, should be

gopherhockey

05-02-2011 08:20 PM

I had an older version of a mobile template and a mobile device detection script. With the most recent vBulletin upgrade, it appears they have their own mobile template and so everything has been reverted.

Users now complain that its unusable.

Is this a different template other than "mobile" and how does a user actually use it.

How does this compare to the recent mobile software that was released officially for vBulletin?

Right now our mobile options are a mess unless someone is using tap-a-talk.

dartho

05-02-2011 08:47 PM

With 4.1.2, vbulletin have put in their own detection script - I suggest as a start you disable your previous one.

The vBulletin Mobile Style is written for webkit based browsers, so will work on iPhones and Android based phones, but may not display well on other devices.

This style should work for pretty much all devices. As for which one is better, that's subjective - they would both have their positives and negatives.

As a start, you could install this one and also use vBulletins Mobile style and configure the vBulletin mobile detect options in Style & Language Settings to use vBulletin's Mobile style for 'Modern Browsers' and this one for 'Old Mobile Browsers' - although personally I'd configure them both to use this style ;) Best bet is to get your users feedback and see what they like

All times are GMT. The time now is 09:58 AM.

Page 9 of 29

« First

Last »

Show 40 post(s) from this thread on one page

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.02188 seconds Memory Usage 1,831KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (5)bbcode_code_printable (6)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (1)pagenav_pagelinkrel (1)post_thanks_navbar_search (1)printthread (40)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: