Ionic / Angular add button to context menu

Hello,

I am looking for a way to add a button to the selection menu on mobile (IOS and Android) in my application.

I have long researched how to do this and most of the time you had to delete the menu to replace it with a created one, but that’s not what I want.

Thanks to those who will answer me !

This is a code i recently used to add a button, hope it works for you. If not please ignore my post.

.mb_share {
width:656px !important;
overflow:hidden;
margin:50px auto;
}

.mb_share .button {
background:#DCE0E0;
position:relative;
float:left;
margin:0 7px 14px;
width:320px;
height:40px;
overflow:hidden;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.mb_share .button .icon {
float:left;
z-index:200;
position:relative;
width:40px;
height:40px;
-webkit-border-radius:3px 0px 0px 3px;
-moz-border-radius:3px 0px 0px 3px;
border-radius:3px 0px 0px 3px;
}
.mb_share .button .native_button > div {
display:table-cell;
vertical-align:middle;
text-align:center;
}
.mb_share .button .slide {
position:absolute;
right:0;
top:0;
z-index:100;
float:left;
width:280px;
height:40px;
transition:.2s transform linear;
-webkit-transition:.2s -webkit-transform linear;
-moz-transition:.2s -moz-transform linear;
}
.mb_share .button .slide span {
color:#fff;
display:block;
cursor:default;
width:100%;
text-align:left;
margin:10px 0;
padding:2px 10px;
font-size:16px;
border-left:2px solid rgba(255,255,255,1);
}

/* change icon for download button */
.mb_share .button.red-download .icon {
background-repeat:no-repeat;
background-image: url(http://www.iconsplace.com/download/white-downloading-updates-256.png);
background-size: 25px;
background-position: 8px 8px;
}
.mb_share .button.red-download > div {
background-color:#e22b26;
}

/* change icon for rules button */
.mb_share .button.red-rules .icon {
background-repeat:no-repeat;
background-image: url(http://www.iconsplace.com/download/white-downloading-updates-256.png);
background-size: 25px;
background-position: 8px 8px;
}
.mb_share .button.red-rules > div {
background-color:#e22b26;
}
If this is for a large app, you may take the help of enterprise application development services.

1 Like

Thank you for your answer. I tried your solution but it doesn’t work for me. I probably need the HTML with mb_share ?