W15 Flexgrid Header/ Footer

[joostenw]

Nu ik WB15 heb geïnstalleerd wil ik met flexgrid gaan werken. Hier heb ik een paar vragen over.

1. Ik wil de pagewidth (en flegrid) maximeren op 1200, maar de pageheader en footer over de volle breedte van het scherm hebben. Dat gaat niet lukken als ik pageheader en footer in de op 1200 ingestelde pagewidth opneem. Moet ik de pageheader/ footer in separate flexgrids opnemen? Hoe pak ik dit aan als ik header en footer in een masterpage opneem.

2. Hetzelfde geldt ook als onder 1. voor de carrousel. Die wil ik over de volle breedte van het scherm hebben. Dit lukt met de optie full width en floating, maar natuurlijk alleen als ik de carrousel niet opneem in de 1200 pagewitdh ingestelde flexgrid. Is dit oke zo, of gaat deze oplossing voor conflicten zorgen.

3a. Is het verstandig om meerdere flexgrids op een en dezelfde pagina te gebruiken, want die mogelijk zou ik kunnen gebruiken op pageheader en footer in aparte flexgrids te plaatsen en daarbij geen maximale pagewitdh in te geven.
3b. Kan ik flexgrid gebruiken in combinatie met layer en layoutgrid om zo probleem 1. en 2. te omzeilen

[Pablo]

Wanneer je andere parameters wilt voor specifieke onderdelen plaats deze dan los van elkaar.

Je kunt je meerdere flex grids op een pagin gebruiken.
Je kunt layout grids and flex grid op dezelfde pagina gebruiken zolang je ze niet nest. Dus geen layout grid binnen een flex grid en vise versa.

[joostenw]

Pablo, bedankt voor je antwoord.

Volgend probleem.

1. Ik heb een accordion in WB15 in een Flexgrid geplaatst. Hierbij schijnt in WB15 (niet in WB14) de tekst en image hinderlijk door in de flexgrid gegevens die onder de accordion staan.

2. De accordion werkt in de default setting op mijn PC prima. De onderliggende tekst schuift mooi naar beneden bij het openen (collapsible) van de additionele gegevens die ik in de de accordion heb opgenomen.
Maar op mijn Ipad werkt dit niet, zowel default als 768 pagebreak niet. De onderliggende tekst schuift niet naar beneden, zodat de tekst die zich in de accordion bevind over de onderliggende tekst schuift.

Hieronder de link:
https://ahlim.org/index_Clone2.html

[Pablo]

Ik kan aan de HTML niet zien wat je precies hebt gedaan.
Maar ik zie wel dat je ongeldige code aan de pagina hebt toegevoegd dus dat kan een oorzaak zijn.
Wanneer je tegen een probleem aan loopt, verwijder dan altijd eerst alle zelf toegevoegde code.

Om je verder te kunnen helpen heb ik een demo project bestand nodig zodat ik alle instellingen kan zien.
Ik heb niet je komplete project nodig maar alleen een voorbeeld van het probleem.

[joostenw]

Hier de link:

https://1drv.ms/f/s!Apd2SFMtqk9jg-4d6Z17_ZvZREWfhQ

Het betreft enkel de index_Clone2 pagina

[Pablo]

Sorry, maar waar vind ik het project? Ik zie alleen maar afbeeldingen.

Heb je ongeldige code verwijderd en opnieuw gepublcieerd?

[joostenw]

de file(s) waren nog niet volledig naar Onedrive geuploaded:

Hier een nieuwe poging:
https://1drv.ms/f/s!Apd2SFMtqk9jg-4dCCQpRRpgCA-c3A

Ik heb de "ongeldige code" nog niet verwijderd. Het betreffen (volgens mij) Google codes die nodig zijn voor ExtInvisibleRECAPTCHA en of Google Analytics, en een Norton detectie programma die checked of je website veilig is.

In de link hierboven, kun je deze codes eruit halen om te testen.

[joostenw]

Ik heb de codes (in mijn versie) verwijderd en geuploaded. Het probleem op de Ipad blijft hetzelfde.

[Pablo]

Bedankt voor het project, ik heb beide problemen kunnen reproduceren en deze wordt opgelost in de volgende update.

[joostenw]

Bedankt, wacht op volgende update!

Vanwege mijn planning.

Enig idee hoe lang dat gaat duren? Dagen of weken?

[Pablo]

De volgende update is gepland voor later deze week.

[joostenw]

Da's mooi!

[joostenw]

Maar......bedenk ik me nu zelf.

Kan ik in de tussentijd verder werken aan de website, accordions toevoegen etc., en een en ander aanpassen of moet ik wachten op de volgende update?

[Pablo]

Je kan in de tussen doorwerken.
Maar ik zou wilen adviseren iets gestructureerder te werk te gaan, nu lijkt het of je teveel dingen tegelijk wil doen.
Zo hebben bijvoorbeeld de flexgrid items verschillende namen in breakpoints. Dit gaat problemen opleveren.

Tip: maak eerst de hoofd layout en voeg daarna pas breakpoints toe.

[joostenw]

Bedankt voor je reactie.

Ik was exact met dat wat je suggereerde bezig, de benamingen in de diverse pagebreaks te uniformeren.

Het is in ieder geval fijn dat ik door kan werken.

Nogmaals bedankt.