web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / Make button interactab...
Power Apps
Answered

Make button interactable though text boxes

(0) ShareShare
ReportReport
Posted on by 9

Hi,

im currently working on a power apps app to help automate some work stuff but have run into a bit of a snag. its a tiny thing really but its going to endlessly bother me if i cant fix it. so here's the problem.

Knut_Andreas_0-1684935326976.png

i have this list of items. the user can ether click one of the existing items to edit it. or they can make a new one with the "lag ny" button. all that logic works fine and i've use it loads. the problem is that the button that is actually visible behind the text is not the button that reacts to the users clicks. its a invisible button in front. why? because the visible button is blocked by the text boxes containing "BD-Alaris" and "Sjekkliste for alaris CC" ect. which stretch all the way to the end to fit the information needed (these items are just examples. the real ones will need that space).

 

why is this a problem? because it means the button that is actually visible to the user doesn't react to the mouse. at all. it doesn't change color when the user hovers or clicks on it. whats more annoying is that because the "Lag ny" button is actually a button with button text. and not a button with a text box ontop of it. it does react. so the difference between the buttons is really jaring. is there any way to make a static text box be "transparent"? so that the button below can react to mouse hovers and clicks while still having the text above being visible to the user?

 

keep in mind. I'm not asking for solutions to how i can interact with the line at all. as mentioned. i already have a solution with a completely transparent button that sits ontop of the text again. i want a solution where i can get the button that is actually visible to react to mouse hovers and clicks visually, the way a normal button with no text would. the logic here in not important. it works. its the visuals here that I'm asking about. the text itself doesnt need to change color btw. just the button.

 

also incase its important. the colors used by the whole app are not hard coded in each element like they are by default. they're stored in global variables that each element references. this is to ensure aesthetic uniformity though the app and to allow for a light and dark theme. so any workarounds would need to work with that. its also important that the entire button remains clickable. 

 

many thanks 🙂

 

Categories:
I have the same question (0)
  • Scott_Parker Profile Picture
    1,090 on at

    Change your text controls' Visible property to be:

     

    Not IsBlank(Self.Text)

     

    Invisible controls won't interfere or overlay atop of other controls.

  • Knut_Andreas Profile Picture
    9 on at

    thanks for the response. sadly that doesn't seem to have worked. i change the visible property to that and the button is still unresponsive. looking at the code tho, wouldn't this just mean the text box is invisible if its empty? at no point will these text boxes be empty. and the text must remain visible when the user highlights or clicks the button. otherwise it might aswell just use a transparent button on top of the whole thing. and its gonna be equally jaring as the button not responding at all.

  • Verified answer
    Scott_Parker Profile Picture
    1,090 on at

    I was thinking you had a separate button control for the "Lag ny" item rather than the same button control visible on all lines.

     

    To summarize what you want, you want consistent select/hover experience for all items in the gallery. Such that the user can click anywhere on the item and it is registered as a press?

     

    Trying to "make a static text box be transparent" in the sense of clicking through them doesn't work. Control selection is based strictly on the ordering of the controls. So, you will want the button control to be the top layer still. Adjust the Color, HoverColor, and PressedColor so that they are transparent to the level that you want. e.g. say alpha values of 0, 0.2 and 0.5, respectively.

     

     

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Introducing the 2026 Season 1 community Super Users

Congratulations to our 2026 Super Users!

Kudos to our 2025 Community Spotlight Honorees

Congratulations to our 2025 community superstars!

Congratulations to the April Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Apps

#1
Vish WR Profile Picture

Vish WR 893

#2
Valantis Profile Picture

Valantis 571

#3
11manish Profile Picture

11manish 482

Last 30 days Overall leaderboard