Is there a way to make a button invisible but still scrollable?

[grimmstaBB]

So my subject pretty much explains what I am trying to do but I will explain further.

I want the user to scroll to a set of icons that are invisible but when focused on one of them they become visible, and the original set to become invisible. Any one know a way to do that?

[jks519]

i'm not sure if it's the "right" way to do it, but i've done it by making a totally clear icon and then in theme builder you set all the normal icons to that clear icon, and then leave the focus icons to the ones you want to show when you scroll over them. There may be other ways to do it that are better and not as time consuming since you have to go thru each normal icon at a time and set it to the clear one. I hope that helps

[grimmstaBB]

thanks for the advice but i was looking for it some icons to appear when one is focused in on. Like imagine a sliding dock without it sliding, it just appears. So when i scroll to one of the icons say 4-8 they appear and when i am on 0-3 they appear and the others aren't there. Make sense?

[jks519]

OOOOOOhhhhh....... i get what you mean now, sorry i misunderstood and couldn't help, but that is a pretty cool concept, hopefully someone knows how to do it and can share the advice

[grimmstaBB]

any body have some ideas?

[grimmstaBB]

Alright guys I'm at a lost and really want to figure this out. I tried this code and it still isn't working. It shows icons 1-3 and not 0 and then when i focus in on 1 it shows 0, but when i focus on 0 it is permanently visible. I tried hiding and showing just the icons and the layers with no luck. Any body have any ideas??????????

<set xlink:href="#Layer_1" attributeName="visibility" to="visible" fill="freeze" begin="theme-button-0.focusin"/>
<set xlink:href="#Layer_1" attributeName="visibility" to="visible" fill="freeze" begin="theme-button-1.focusin"/>


<set xlink:href="#Layer_2" attributeName="visibility" to="visible" fill="freeze" begin="theme-button-2.focusin"/>
<set xlink:href="#Layer_2" attributeName="visibility" to="visible" fill="freeze" begin="theme-button-3.focusin"/>

<set xlink:href="#Layer_2" attributeName="visibility" to="hidden" fill="freeze" begin="theme-button-0.focusin"/>
<set xlink:href="#Layer_2" attributeName="visibility" to="hidden" fill="freeze" begin="theme-button-1.focusin"/>

<set xlink:href="#Layer_1" attributeName="visibility" to="hidden" fill="freeze" begin="theme-button-2.focusin"/>
<set xlink:href="#Layer_1" attributeName="visibility" to="hidden" fill="freeze" begin="theme-button-3.focusin"/>

[Raestloz]

Are you saying that when you scroll into one of the icons in the set all of the set appear while the other set disappear? (let's say, for easy's sake, Set A contains icon 1-4, and set B icon 5-8)

So, if I move the focus from icon 4 into icon 5, all icons from Set A (1-4) disappear while set 5-8 appears instead?

Your code is supposedly correct. Is that the whole code or is there another code before/after it?

[grimmstaBB]

your exactly right. that is all the code and i tested it on the sim and a 9650 and it didnt work. I have no idea why???

[Raestloz]

That Layer reference could be the problem (could be) try to refer the icons instead of their layers. My theme have hide/show icon at focusin and focusout, never had a problem with it (on my first try too).

Also, try to use "display" instead of "visibility", I use that and it works pretty good

[grimmstaBB]

i have tried referencing to the icons and that didnt work either. Display wont work because the icons wont be scrollable

[BBThemes]

Originally Posted by grimmstaBB

i have tried referencing to the icons and that didnt work either. Display wont work because the icons wont be scrollable

hi there, why not try an invisible button as a trigger, simply add an image in composer, reduce the opacity to 0 then convert to button, name it for example screen1_screen2 then another named screen2_screen1

then have it so

<set xlink:href="#Layer_1" attributeName="hidden" to="visible" fill="freeze" begin=e"screen1_screen2.focusin"/>
<set xlink:href="#Layer_1" attributeName="visibility" to="visible" fill="freeze" begin="screen2_screen1.focusin"/>

<set xlink:href="#Layer_2" attributeName="hidden" to="visible" fill="freeze" begin=e"screen2_screen1.focusin"/>
<set xlink:href="#Layer_2" attributeName="visibility" to="visible" fill="freeze" begin="screen1_screen2.focusin"/>

then set the nav so it goes icon1>screen1_screen2>icon2
and going back would look icon1<screen2_screen1<icon2
also nav left from screen1_screen2 would lead to screen2_screen1 so you wouldnt need to focusin on the icon2

if that makes sense?you`d have to set nav memory to off but it will work, iv used it in the past

[grimmstaBB]

so your saying, have basically a switch-over button just to change the icon groups?

I thought about doing this but there isn't a smooth scroll through the icons, its like there's a hiccup. I will have to do it if i cant get the code to work but thats a last resort kind of thing. I think it would be pretty sweet to to figure this out