LOOPERS

 LOOPERS



Om het menu op zijn juiste plaats te krijgen gebruik je onderstaande code. 

De cell moet overlayable zijn.


Variable hoogte looper regels



De breedte (width) mag ook "Enlarge or reduce like the browser or its container".



Looper regels met variable hoogte afhankelijk van de inhoud van een Static op een regel.

Looper: Fixed width en height
              Overlayed

Static: Niet Overlayed
             Fixed width em height en beide "Visible"





Om op de goede regel terug te keren in de looper, is onderstaande code heel goed.
Gebruik niet taFirst, taCurrentFirst of taCurrentSelection



Cell-Control waarin de looper staat moet overlayable zijn
De looper zelf als volgt instellen:




Het is jammer dat als de cel hoger is op een ander device, dan komen er niet meer regels bij.
In de button waar je terug keert naar de Looper moet AJAX uit staan.
Deze instellingen zijn heel belangrijk. Doe je het niet zo, dan is de kans heel groot dat bij terug keren: 
  •  de eerste regel weer bovenaan staat
  • de huidige regel bovenaan staat maar dat je niet terug kan scrollen naar voorgaande regels.
Snel Scrollen
Als je kiest voor "No limit" dan scrolt hij super mooi op een smartphone.


WEBAPP en LAYOUT

De basisgrootte vd WebApp is bij B&O 320x459
Bij OgCloud kan dat 360x700 zijn.



De Cel waarin de Looper staat  niet overlayable



Formaat scherm op smartphone




Het formaat voor de smartphone is lastig te bepalen. 
De smartphones (Apple, Android, etc) verwerken ieder op hun eigen manier het aantal pixels.
400 pixels breed op een iPhone is anders dan op een Android. Waarschijnlijk ook op de verschillende types Android.

Ik wil graag dat het op de meeste smatphones mijn schermen niet te breed zijn. Ik stel dat bijvoorbeeld in op 360px. Dat heeft tot gevolg dat op smartphones met een hogere resolutie mijn beeld niet de hele breedte gebruikt.

Er zijn dan twee belangrijke opties:
  • Laat webdev het ontwerp over de hele breedte van het  scherm uitbreiden
  • Centreer het ontwerpen houdt aan bedie zijden een stuk over.
Ik kies voor de laatste optie vermijd daarbij dat controls uitegerekt worden. In ieder geval moet je met nog meer zaken rekening houden.


Layout Disable of Hide en control

Bij disable blijft de control actief je ziet hem alleen niet.
Bij Hide zie je hem niet maar kan je hem ook niet meer benaderen.













Reacties

Populaire posts van deze blog

Soms lijkt het alsof de CSS niet werkt.

MARIA DB

Strato problemen