Samenvatting
Er zijn zes buttons en drie iconen. De zes buttons vormen drie paren, en het tweede element van elk paar is dezelfde knop in een tweede opmaak.
De drie iconen verschillen in hun plaats en niet in hun bestand. Je kiest tussen een los symbool, een symbool in een tekstregel en een symbool dat naar een sociaal netwerk linkt.
Een button en een icoon lijken op elkaar en hebben niet dezelfde velden. Een icoon krijgt een bestand, een maat en een vulkleur; een button krijgt die drie niet.
Wanneer gebruik je dit?
Je gebruikt dit artikel als je in de elementenbrowser voor zes knoppen staat en niet weet welke bij jouw blok hoort. De drie paren maken die keuze kleiner.
Je komt hier ook terecht als een knop op een donkere achtergrond wegvalt. Het alternatief van hetzelfde paar is precies voor die situatie bedoeld.
Verder helpt dit artikel bij de keuze tussen de drie iconen. De naam zegt waar het symbool hoort, en dat bepaalt de opmaak die het uit het thema krijgt.
Hoe werkt dit in Mach3Blocks?
De zes buttons horen bij elkaar in drie paren. Elk paar heeft een gewone knop en een alternatief, en die twee zijn twee losse elementen.
Het alternatief is dus geen instelling van de eerste knop. Het is een eigen element met een eigen naam, en het thema stelt de opmaak per paar in.
De drie iconen werken net zo op hun naam. Het verschil zit in de plaats, want alle drie kiezen zij een bestand uit dezelfde iconensets.
Het product levert drie iconensets mee. Hoe je een icoonbestand kiest, staat in Bibliotheekbestand gebruiken.
Een button verandert van soort met de actie Element wisselen. Bij een icoon staat die actie niet in het meer-menu op een element.
Overzichtstabel met opties, waarden en standaard
De zes buttons, in drie paren
| Element | Waarvoor het dient | Bijzonderheden |
|---|---|---|
| Actie button | de belangrijkste knop van een blok | |
| Alternatieve actie button | dezelfde knop in een tweede opmaak | eigen element, geen instelling van de eerste |
| Bekijk button | de knop die naar een detailpagina gaat | |
| Alternatieve bekijk button | dezelfde knop in een tweede opmaak | eigen element, geen instelling van de eerste |
| Lees meer button | de knop onder een ingekorte tekst | |
| Alternatieve lees meer button | dezelfde knop in een tweede opmaak | eigen element, geen instelling van de eerste |
De drie iconen
| Element | Waarvoor het dient | Bijzonderheden |
|---|---|---|
| Content icoon | een los symbool, bijvoorbeeld boven een uitgelicht punt | |
| Inline icoon | een symbool binnen een tekstregel, zoals voor een telefoonnummer | |
| Social icoon | een symbool dat naar een sociaal netwerk linkt | staat vaak in een vak met meer iconen naast elkaar |
Wat een button en een icoon wel en niet hebben
| Onderdeel | Button | Icoon |
|---|---|---|
| Veld voor een bestand | nee | ja |
| Veld Afbeelding grootte | nee | ja |
| Veld Afbeelding vulkleur | nee | ja |
| Veld Link en het doel ervan | ja | ja |
| Veld Aria label | ja | ja |
| Actie Element wisselen | ja | nee |
| Onderdelen om apart op te maken | geen | geen |
De standen op het tabblad Opmaak
| Stand | Button | Icoon |
|---|---|---|
| Standaard | ja | ja |
| Mouseover | ja | ja |
| Focus | ja | ja |
| Actief | ja | nee |
Een button heeft dus vier standen en een icoon drie. Het instellen van een stand staat in Overgangen.
Aanbevolen instelling
Kies de gewone knop van een paar zolang er niets bijzonders aan de hand is. Neem het alternatief pas als de knop in een tweede context staat, zoals op een donkere achtergrond.
Vul bij een knop zonder sprekende tekst een omschrijving in voor voorleessoftware. Het veld daarvoor staat in Aria label.
Heb je een derde knopstijl nodig, voeg dan in het thema een eigen element toe bij de buttons. Het toevoegen staat in Thema-elementen beheren.
Zet een symbool dat naar een sociaal netwerk linkt bij de andere social iconen in hetzelfde vak. Zo houden zij dezelfde maat en dezelfde afstand.
Voorwaarden en rechten
| Recht | Wat het openzet |
|---|---|
| Elementen invoegen | de actie Element invoegen in het meer-menu op een element |
| Websites/presentaties stijlen | de actie Element wisselen bij een button |
| Websites/presentaties stijlen | de velden Afbeelding grootte en Afbeelding vulkleur bij een icoon |
Voor het instellen van de link en de omschrijving is geen apart recht nodig. Wie het paneel rechts kan openen, kan die twee velden vullen.
Een Beheerder en een Bouwer hebben beide rechten uit de tabel. Een Redacteur en een Auteur hebben ze niet. Datzelfde geldt voor een Medewerker.
Gevolgen bij verkeerd instellen
| Wat je verkeerd kiest | Wat je merkt | Wat je eraan doet |
|---|---|---|
| Het alternatief waar de gewone knop hoort | de knop valt uit de toon van het blok | wissel de knop binnen de eigen groep |
| Een knop uit het verkeerde paar | het thema geeft de knop een andere opmaak | wissel de knop, of stel het paar in het thema in |
| Een icoon met de verkeerde naam | de maat en de afstand wijken af van de rest | voeg het juiste icoon in en vul het bestand opnieuw |
| Een knop binnen een formulier | het veld voor de link is er niet | gebruik de knop van het formulier zoals hij is |
| Een icoon dat je wilt wisselen | de actie staat niet in het menu | verwijder het icoon en voeg het juiste in |
Een knop binnen een formulier is een bijzonder geval. Staat de knop in een formulier, dan vervalt bij die knop het veld voor een eigen link.