FlipSwitch functie...

[Nanno]

Hoi Pablo,

ik ontdekte de FlipSwitch en heb de help pagina erop nagelezen, maar ik zie maar 1 waarde staan bij de opties.
Het leek mij juist een handige optie als hij 2 waarden kan hanteren, zeker als ik dit in combi met php en de database wil gaan gebruiken.

Dus waarde 1 of waarde 2 versturen. In mijn geval de waardes 'Afgelast' of 'Actief'.

Kan dit wel of kan dit niet???
Zo niet, een andere suggestie?

[Pablo]

Dit is uit de help:

Normally, if a checkbox is unchecked then the browser will not send the value to the server.
In WWB, you can now also set a value for the ‘OFF’ state. You can set the OFF value, by using two values separated by a pipe-symbol.

For example: ON | OFF.

[Nanno]

Dan snap ik het niet, want ik heb deze uitvoer in html:

Code: Select all

<div id="wb_FlipSwitch1" style="display:inline-block;width:115px;height:35px;z-index:4;">
<input type="checkbox" name="Switch" id="FlipSwitch1" value="Actief ">
<label id="FlipSwitch1-label" for="FlipSwitch1">
<span id="FlipSwitch1-inner"></span>
<span id="FlipSwitch1-switch"></span>

Bij Waarde heb ik> Actief | Afgelast <ingevoerd.
Waar is de value Afgelast gebleven dan?

Leek me wel handig om dit op een flexgrid met de code in html via _self te switchen.

Code: Select all

$Switch = $_POST['Switch'];

if($Switch = 'Actief'){
	$resultaat_agenda = mysqli_query($connect_agenda, "UPDATE Agenda SET Status = 'Actief' WHERE ID='2'");
}
if($Switch = 'Afgelast'){
	$resultaat_agenda = mysqli_query($connect_agenda, "UPDATE Agenda SET Status = 'Afgelast' WHERE ID='2'");
}

[Pablo]

Waar is de value Afgelast gebleven dan?

Deze waarde wordt via PHP code toegevoegd in het formulier script.

Code: Select all

  if (!isset($_POST['flipswitch']))
   {
      $_POST['flipswitch'] = "Afgelast";
   }

[Nanno]

Dat is dan bijzonder jammer dat het ophalen van mijn gegevens uit de database niet gaat werken met deze switch. Ophalen waarde via echo.
Het leek me een leuke toevoeging op de website op die manier. Nu kan ik er helaas niet veel mee.

Ohw ja, het viel mij op dat ik in de Sitemanager gewoon dubbele paginanamen kan hebben staan. Ik krijg geen error.

[Pablo]

Het is helaas onmogelijk om met elke wens rekening te houden. Zelfs als ik nog duizenden opties toevoeg, dan zullen er nog steeds beperkingen zijn...
Maar niets weerhoudt je ervan om hiervoor zelf een script te maken.

Ohw ja, het viel mij op dat ik in de Sitemanager gewoon dubbele paginanamen kan hebben staan. Ik krijg geen error.

In sommige gevallen is dit toegestaan.

[Nanno]

Ik begrijp de beperkingen in de mogelijkheden. Ik ben al blij met wat je allemaal al wel gedaan hebt qua software en opties. Mijn petje af voor jou.

Dan nog even een klein dingetje waar ik niet uitkom;

Ik kan geen marges instellen bij de Layoutgrid. Die toont nu volledig breed. Ik zou graag een marge van 8px aan de zijkant geven, maar dat accepteert hij niet en ik zie niet wat ik anders zou moeten instellen om dit wel werkend te krijgen.

[Pablo]

De margin aan de linker en rechter kant wordt bepaald door de 'gutter' optie.

[Nanno]

Dat werkt dus niet. Als ik de gutter instel, dan merk ik op dat er een padding wordt gehanteerd tussen de kolommen, maar de marge aan de zijkant blijft nul.
Ik zal even kijken of ik het kan reproduceren in een apart wbs bestand. Ik heb echt naar mijn idee alles geprobeerd, ik begrijp het niet.

[Pablo]

Layout grids zijn gebaseerd op Bootstrap. Hier wordt margin en padding gebruikt voor de 'gutter'.
Daarom is het niet mogelijk om hier margins te gebruiken. Dit heeft niet direct met WWB te maken, het nu eenmaal zo.

Als alternatief zou je flexgrids kunnen proberen.

[Nanno]

Ja, dat alternatief heeft ook een nadeel...
Deze heeft geen CSS Transitions die ik nu juist gebruik om de row te animeren, wat juist zo mooi werkt.

Ik haal een lijst op uit de database en zodra ik nu met de muis over de gegevens ga, selecteert hij over de gehele achtergrond een andere kleur.
En naar mijn zoektocht is dit de enige manier. Het fijne van het grid is dat ik er gelijk labels en buttons op kan plaatsen en er een formulier functie in verweven zit. Zo kan ik real-time de gegevens wijzigen.

Ben alleen wat verbaasd dat ik overal de marges aan de zijkant aan kan passen, behalve in de layout grid.
Daarbij heb ik bij de eigenschappen in Diverse onder Padding boven een veld staan, maar daar staat geen tekst voor. Dus ik heb geen idee waar dit veld voor bedoeld is.

[Pablo]

Ben alleen wat verbaasd dat ik overal de marges aan de zijkant aan kan passen, behalve in de layout grid.

Dat komt omdat de margin wordt gebruikt voor de gutter.

[Nanno]

ja maar, als ik de gutter instel, doet de marge het nog niet.

[crispy68]

Why not adjust the cell padding? Each cell's padding can be adjusted.

[Pablo]

ja maar, als ik de gutter instel, doet de marge het nog niet.

Dat klopt, want de margin wordt door Bootstrap voor de gutter gebruikt, dus daarom kun je deze niet apart instellen.

[Nanno]

Why not adjust the cell padding? Each cell's padding can be adjusted.

I want the space outside and not inside the cell. That's where the margin is for.

[Nanno]

ja maar, als ik de gutter instel, doet de marge het nog niet.

Dat klopt, want de margin wordt door Bootstrap voor de gutter gebruikt, dus daarom kun je deze niet apart instellen.

Jammer hoor. Dan leer ik er wel mee leven. Mocht je er software matig nog iets aan kunnen doen, dan houd ik mij zeer aanbevolen.

[Pablo]

Je kunt grids ook nesten en de padding van de buitenste grid als margin gebruiken.

[crispy68]

That's where the margin is for.

I'm well aware of what margin is. However, without seeing exactly what you are trying to do or you providing a bit more detail on your design, I don't understand why the padding wont work. It will give you the distance that you need unless you are using borders and then need the spacing on the outside of the border.

[Nanno]

That's where the margin is for.

I'm well aware of what margin is. However, without seeing exactly what you are trying to do or you providing a bit more detail on your design, I don't understand why the padding wont work. It will give you the distance that you need unless you are using borders and then need the spacing on the outside of the border.

Pablo says, it's not possible what I want.

[Nanno]

Je kunt grids ook nesten en de padding van de buitenste grid als margin gebruiken.

Had ik al over zitten denken ja. Welke adviseer je dan? Flex container of de Flex grid?

[crispy68]

I'm sure their is a workaround for what you need but if you only want input from Pablo and don't care to share what you are trying to do, I'll move on to help someone else.

[Nanno]

Je kunt grids ook nesten en de padding van de buitenste grid als margin gebruiken.

Had ik al over zitten denken ja. Welke adviseer je dan? Flex container of de Flex grid?

@Pablo: Een Layoutgrid in een Flexgrid is inderdaad de oplossing. Thanks.

[Nanno]

I'm sure their is a workaround for what you need but if you only want input from Pablo and don't care to share what you are trying to do, I'll move on to help someone else.

I don't feel the need to share my work with everyone because this is behind a login.
I appreciate you wanting to help, but I was looking for the answer to my question with Pablo. And we have now found it.

[Nanno]

Je kunt grids ook nesten en de padding van de buitenste grid als margin gebruiken.

Had ik al over zitten denken ja. Welke adviseer je dan? Flex container of de Flex grid?

@Pablo: Een Layoutgrid in een Flexgrid is inderdaad de oplossing. Thanks.

@Pablo, het verplaatsen van mijn items (labels en buttons) snapt hij nu niet meer. Dit wil hij niet meer plaatsen in het Layoutgrid, maar dumpt hij in de Flexgrid. Grrrr

[Pablo]

Het is lastig je hierbij te helpen zonder te zien wat je hebt gedaan.
Maar misschien staat er iets over het grid heen?