Filter Portfolio Gallery

This is a gallery with filters, on two levels. You can sort for example your projects by clients, and then by project type, your products by colors and then by size, your products by model and then by material, or however you need. One level filtering is also implemented.

This component is built from three of our Flabell components:

Multipage Thumbnail Gallery
Horizontal Image Banner Rotator with thumbs
CheckBox Component

So if you own any of these components, you will find the XML familiar.
You can customize each component with the same features.

The main level in this example are the cars, and the class is the second level.

You could for example add your portfolio for Corporate, Agencies and Personal clients, and sort these by the work done for them, such as Branding, Websites, Interactive, etc. Multiple second levels filters work as well. For example, for one client you can add both Branding and Websites, as in our example.

If you decide to use only one filtering level, the one you need to keep is the type (the main level).

 

Kostas Grigoriadis

on 2/5/11

 

Is it possible to have the filters visible when you are in an item details view? I want to have the filters always visible.

 

Corneliu Chitanu

on 2/5/11

We're sorry, but this cannot be done. The project would need some modifications to have this functionality.

We can implement it by doing custom work. Send our team an email at [email protected], if you need this.

 

miu726

on 26/11/11

 

The filter list works subtractively, as one removes check boxes the people disappear. Is it possible to make if I clear the list and start adding names, and then the images appear that I select?

 

Corneliu Chitanu

on 28/11/11

Hi,

Do you mean you need all the check boxes unselected by default? Yes, this can be done. All the options have an attribute that selects it or not:

                
<item color = "0xF5531A" isSelected = "true">BMW</item>

                

All if them are selected by default so the attribute <b>isSelected</b> is set to "true". To make the options unselected set their value to "false", like this:

                
<item color = "0xF5531A" isSelected = "false">BMW</item>

                

Changing this attribute to all the options in the portfolio.xml file will deselect any check box.

 

rupert hawkes

21 hours, 31 minutes ago

 

Can you have more than 3 lines of images in the main gallery? If so how? Ta.

 

Corneliu Chitanu

19 hours, 59 minutes ago

Hello,

You can have as many lines as you need as long as your images fit in the Flash Object area. You can change the number of lines by setting the following property to the number of lines you need:

                
nrLines = "4"

                

Also, if the images are not visible, it means that they don't fit, so you'll need to make them smaller. These properties have that purpose:

                
thumbsWidth = "130"
thumbsHeight = "320"

                

Please adjust these values as well. This should accomplish what you need.

1098...1

Post a comment

Please login to join the discussions. Don't have an account? Register (it takes 30 seconds)

There are currently no frequent asked questions. As soon as we receive your feedback, we'll update this section permanently.

There are no video tutorials for this flash component yet.

Filter Portfolio Gallery - change log

Update 04 - 12 May 2010

- in this update we added several new options in the XML, including displayFilters in portfolio.xml and strokeThickness in gallery.xml
- bug fixed related to filtering items, when a type or a filter was initially unselected
- we added the much requested navigation to the smaller thumbs in the gallery
- we added tooltip for displaying the current number of the thumb

Update 03 - 15 April 2010

- bugs fixed (related to how the pagination was displaying)
- scroll added for displaying more text than it fits in the window
- optional colors were added for the filters titles
- stroke thickness can now be controlled from the XML
- the way the images load in the final slideshow has been improved (loader fades out, images fade in if loaded the first time, otherwise they appear instantly)

There is currently no additional help provided for this flash component.