filter for card elements

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
tom248
 
 
Posts: 11
Joined: Tue Sep 05, 2017 5:35 am

filter for card elements

Post by tom248 »

Hi,
In this template,
http://www.wysiwygwebbuilder.com/suppor ... candy.html
at the menu item "products" you can filter this various products ( All, candy, cakes…)

Is this filter function also possible with Card Elements. I was not able to do that.
User avatar
Pablo
 
Posts: 21574
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: filter for card elements

Post by Pablo »

Yes, it also works with cards. You can add the filter classes via the property inspector.
tom248
 
 
Posts: 11
Joined: Tue Sep 05, 2017 5:35 am

Re: filter for card elements

Post by tom248 »

Ok, to stay at this examble:
I have inserted a Card (in the same flexbox where the pictuers are) and i have write via the property inspector under "Gerneral -> Class" the word "cakes".
But the filter dosn't work.
Also " filter cakes" does not work for the Card element
User avatar
Pablo
 
Posts: 21574
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: filter for card elements

Post by Pablo »

The class should be:
"filter cakes"
tom248
 
 
Posts: 11
Joined: Tue Sep 05, 2017 5:35 am

Re: filter for card elements

Post by tom248 »

no, i have also tried this in a new Project.
With Pictures it works (but i had to Input the Code - Class="filter cake" - via object HTML -> Inside Tag).

But it works not for cards.
User avatar
Pablo
 
Posts: 21574
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: filter for card elements

Post by Pablo »

tom248
 
 
Posts: 11
Joined: Tue Sep 05, 2017 5:35 am

Re: filter for card elements

Post by tom248 »

Thanks for the demo. Now i have to try it, that it works in my Project.
tom248
 
 
Posts: 11
Joined: Tue Sep 05, 2017 5:35 am

Re: filter for card elements

Post by tom248 »

Now the filter works.
But i have two Questions more to your demo:
1) have you inserted all Cards in one flex box element?
2) can i fix the size of a Card? because in your example, when there are just 2 Cards in a row, these are getting wider.But I want them to stay in the same width, and be centered in the row.

I try to explain my Problem in more details:
-> i have 2 Elements: A Card & a Editbox, and they must always stay together (editbox sould be over the Card). So i have put this 2 elemtens into a Layout grid - lets call them "single grids".
-> This grid get a class e.g. "candys" (because i want to filter them).
-> I have "produced" many of these "single grids" (with 1 Card & 1 editbox in it) and gave them different classes.
And now my Problem starts:
I want to get a raster for example of 4x5 of all of my "single girds", and so i put 20 of this "single grids" in a common "Master grid"
But i find no possibility to get them in a row. They are all among each other.
And ist also not possible for me to put all the "single girds" in ONE flexbox container.


The goal should be: if I filter out a few of these "single girds" (with a card and a editbox in it), all others should move up. Also important is, when i filter them, the size should always be the same.
User avatar
Pablo
 
Posts: 21574
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: filter for card elements

Post by Pablo »

1) have you inserted all Cards in one flex box element?
Yes
can i fix the size of a Card? because in your example, when there are just 2 Cards in a row, these are getting wider.But I want them to stay in the same width, and be centered in the row.
In the example I have set the size (flex basis) of the cards to 30%, but this can also be a fixed size, for example 200px

I do not recommend to mix (nest) layout grids and flex containers. These are two different design concepts, so there may be conflicts.
But you can use nested layout grids.
Also important is, when i filter them, the size should always be the same.
You can modify the filter script to do anything you like. This demo project is just an example.
User avatar
Pablo
 
Posts: 21574
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: filter for card elements

Post by Pablo »

Post Reply