Clickable container with same functions as a button - Mendix Forum

Clickable container with same functions as a button

7

For a project we are using the Open link with function of button with a link type Call. Now since we use the Clickable container because we want to have certain styling on the 'button'. However we can't use the the functions of the button in the Clickable container. 

Please make the same fucntions available in the Clickable container as for a button.

asked
3 answers

There is a widget for that https://appstore.home.mendix.com/link/app/106163/

Created

I just created a BuildingBlock with some sass to fix this. (within the boundries of MX)

Create a container with classes “card ap_cardaction”,

and as long as there is a button in there, it will go full width/height and opactiy zero, so can be clicked on, and hovered over.

.card.ap_cardaction{
  position: relative; //makes button position work
  display: flex;
  align-items: center;
  text-align: center; // if align items center text also needs to align center
  flex-direction: column;

  &:hover{
    background-color: rgba($link-color, 0.1);
  }
  .glyphicon {
    font-size: 30px;
    margin-bottom: 10px
  }
  .title{
    margin-bottom: 0;
  }
  .sub{

  }

  button{
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
  }
}

 

Created

we are having the same issues.

clickable container seems like such a basic feature especially with how Atlas has certain cards that seem clickable.

from our usability tests we have also seen that users really want to click on the container, and when they cant they say the application is buggy.

you could always use the clickable container widget, but for something that seems so basic I don’t think we want to be reliable on something that isnt officialy in MX.

 


Created