On hovering category show sub category structure?

Hello Everyone :wave:

I am quite stuck on this topic :confused:

I have a categories option set & sub-categories option set?
But i don’t know how to make relationship between them?
I feel my option set structure is wrong
or should i use database or what am i doing wrong?

I want to achieve something like this :point_up_2:

Can anybody help me please ?

@adamhholmes @mikeloc


Assuming you don’t need to programmatically add or remove categories or subcategories in your app, I’d definitely stick with option sets as they’re much faster to load.

In terms of how to structure them, there are 2 possibilities, and they’re both equally effective:

1: Have a list of subcategories on each category


2 Have a single Category on each Sub-category…

Personally, I’d opt for the first option, as it makes it easier to set things up in the editor (no need to use filters on the option set, just refer to the Category’s Subcategory wherever you need to).


@adamhholmes Thanks :+1:

I am doing something like this :point_down:

each option here is having list like this :point_down:

Is it right?

The attribute shouldn’t be a list of texts. It should be linked to the other option set… so, it should be a list of sub-categories.

1 Like

No, the list of subcategories needs to be a list of subcategories (not a list of texts as you’ve currently got).

1 Like

Also, If I’m interoperating your screenshots correctly, it looks as though you’re actually using 3 layers of categories and subcategories here… (or maybe even 4?)… (a Sub-Category of Electronics, with a Sub-Sub-category of Laptops, and a Sub-Sub-Sub Category of Macbook etc…)…

In any case, each layer should refer to the relevant other option-set type (not a text).

1 Like

@adamhholmes @mikeloc
Thanks :+1:
Yes it’s a list of sub-categories :man_facepalming:

1 Like

@mikeloc @adamhholmes
Well it works :tada:

Thanks for your help :+1:

Next part of the question
It works when i do click event

But I want to display it on hovering ?
Example :- “When Current cell electronics is hovered” like that

Well, a short answer if you care at all about mobile is don’t have a user experience that is based on hovering. Personally, I hate when I hover over things in an app and stuff just happens, but I’m probably in the minority there.

I don’t think there is an easy way to do it, but if you search the forum for showing a menu on hover, you will find some stuff to read.


@mikeloc ok thanks :+1:
I will stick with “Clicked” event…

But do you know how to hide repeating group (ex:- Repeating group subcategories here)
if i click any where on the page?

Hi @mdburhan3

just wrapped your page (all your page elements) in a group
then on group click you can hide it (better to use set state)
For example :-
Screenshot 2022-09-14 at 18.08.49
Screenshot 2022-09-14 at 18.09.28

1 Like

@mikeloc @adamhholmes @viquarahmed07
Thanks a lot :+1:


Hello! May I see your option set structure for your categories and sub-categories? I’m having trouble with the same thing as well