reduce the html code in webclient

Questions and answers for designing and implementing forms in Servoy

reduce the html code in webclient

Postby stefanoni » Tue Nov 11, 2014 7:03 pm

For this specific example:
Any ideas to reduce the html code, by using more css ?

Screen Shot 11-11-14 at 05.55 PM.JPG
Screen Shot 11-11-14 at 05.55 PM.JPG (1.68 MiB) Viewed 3928 times
Alessandro Stefanoni ---- gigdoodle.ch ---- stefanoni.ch ----
Stefanoni Informatik Gmbh, CH-8200 Schaffhausen
Switzerland
stefanoni
 
Posts: 313
Joined: Fri Jul 23, 2010 3:17 pm
Location: Switzerland

Re: reduce the html code in webclient

Postby david » Tue Nov 11, 2014 8:00 pm

David Workman, Kabootit

Image
Everything you need to build great apps with Servoy
User avatar
david
 
Posts: 1727
Joined: Thu Apr 24, 2003 4:18 pm
Location: Washington, D.C.

Re: reduce the html code in webclient

Postby ROCLASI » Tue Nov 11, 2014 8:38 pm

Hi Alessandro,

How are you creating these grids?
Robert Ivens
SAN Developer / Servoy Valued Professional / Servoy Certified Developer

ROCLASI Software Solutions / JBS Group, Partner
Mastodon: @roclasi
--
ServoyForge - Building Open Source Software.
PostgreSQL - The world's most advanced open source database.
User avatar
ROCLASI
Servoy Expert
 
Posts: 5438
Joined: Thu Oct 02, 2003 9:49 am
Location: Netherlands/Belgium

Re: reduce the html code in webclient

Postby Gordon McLean » Wed Nov 12, 2014 9:22 am

stefanoni wrote:For this specific example:
Any ideas to reduce the html code, by using more css ?


...use the Velocity plugin to insert the html for these complex elements, it's massively faster, easier to edit /debug, uses standard css, has charts etc and has the added bonus if being really simple to enable print or excel download features. We have used it extensively both for display in apps as well as reporting.

HTH
Gordon
Gordon McLean
Clickdigital.com
Gordon McLean
 
Posts: 253
Joined: Wed Aug 03, 2005 12:24 pm
Location: UK

Re: reduce the html code in webclient

Postby stefanoni » Thu Nov 13, 2014 12:32 pm

Thanks for your suggestions.
At the moment I'm nearly happy with the performance of the responded html-code, so it's
not a question of a basic discussion "what is the best way to realize complex surfaces".

What I'm intressted at the moment is, how to reduce the html-code by less set some properties,
but use more CSS, in this specific Statement (this code creates one of the day-squares):
Code: Select all
         var JSMethTagBut = JSfrm.getMethod('onActTagBut') // a One-line method, witch calls the realy big one

         for ( iDay = 1; iDay <= nMaxDayOfMonth; iDay++) {
            o = JSfrm.newButton(
                  '?',
                  (nRefPosTagX + ( (iTag-1) * nSchubTagX)),
                  nAktY, 15, 20,
                  JSMethTagBut
                  )

            o.styleClass = 'gigDooTagMust'
            o.name = 'tp' + utils.stringRight('0' + iDay, 2) + JsFsTerm.id
            o.formIndex = 1
            o.rolloverCursor = SM_CURSOR.HAND_CURSOR
            o.background = globals.gCo['00']
            o['text'] = ''
            o['toolTipText'] = ''
         }



example how it look like:
http://212.112.253.21:8080/servoy-webclient/ss/s/GigDoodle/m/myDeepLink/a/mao8mt81pdcouppj6a0q6bbis6

thanke you for your time !
Alessandro Stefanoni ---- gigdoodle.ch ---- stefanoni.ch ----
Stefanoni Informatik Gmbh, CH-8200 Schaffhausen
Switzerland
stefanoni
 
Posts: 313
Joined: Fri Jul 23, 2010 3:17 pm
Location: Switzerland


Return to Forms

Who is online

Users browsing this forum: No registered users and 7 guests