Standaard portalpagina's en mobiele apparaten

IBM® WebSphere Portal Express kent twee typen pagina's, standaard portalpagina's en statische pagina's. Statische pagina's werken met HTML-sjablonen voor het ordenen van layoutcontainers en besturingsfuncties; deze pagina's worden sinds versie 7.0 gebruikt als het standaard paginatype. Standaard portalpagina's werken met layouts op basis van tabellen.

Aangezien standaardpagina's zijn gebaseerd op tabellen, is het moeilijker om een responsief webontwerp te implementeren voor standaardpagina's. Beperkte ondersteuning voor een responsief webontwerp wordt geïmplementeerd voor standaardpagina's op smartphones. Wanneer een standaardpagina wordt weergegeven op een smartphone, worden alle bijbehorende layoutcontainers en portlets verticaal gestapeld. Het stapelen van de containers en portlets zorgt ervoor dat de pagina-inhoud beter op het scherm past. De weergave van standaardpagina's blijft ongewijzigd op desktopcomputers en tablets, die meer mogelijkheden bieden.

Als u meer responsiviteit wilt toevoegen aan de layout van de standaardpagina's in uw portalsite, kunt u CSS-selectors gebruiken voor het lokaliseren van containers en besturingselementen en zodoende de gewenste ontwerpen tot stand brengen. Om deze ondersteuning aan uw thema toe te voegen, voegt u de module wp_legacy_layouts toe aan uw themaprofiel. Voor meer informatie over het raadpleegt u het onderwerp over het toevoegen of verwijderen van een kant-en-klare module aan of uit een thema.

Als u bijvoorbeeld de derde kolom van een layout met drie kolommen wilt verbergen op een apparaat met tabletafmetingen, kunt u de schermgrootte laten instellen met een mediaquery en de derde kolom met een geschikte CSS-selector:

@media (max-width: 800px) {
    table.layoutRow tbody tr td:nth-child(3) {
        display: none;
    }
}