link or button once click how to dispay line belw ? see example.

Hi there,

link or button once click how to dispay line belw ? see example.

Hi Jack,

You can use CSS to apply different style to an unvisited and a visited link, check a:link and a:visited respectively.

Hi Jack Bao,

I'm using this CSS for the active/deactive button line:

.Active{
    color: #0097EB;
    padding: 15px;
    border: 0px;
    border-bottom: 3px solid #0097EB;
}

.Deactive{
    color: #b0bec5;
    padding: 15px;
    border: 0px;
}

varable BtnVisibiltyFlag = true

on a button Click action assign variable for active/deactive (Sample Below).

Set  container style Classes for the bottom line (sample below):

If(BtnVisibiltyFlag=True,"Active", "Deactive")

Its work for me hopes this helps you too...
Thanks

Hi, Viraj,

It seems
not work.  the screenshot see below ? 


Jack Bao wrote:

Hi there,

link or button once click how to dispay line belw ? see example.

As i can see that is the menu and sub menu.


So overwrite you css: 

.Menu_TopMenuActive a:link,
.Menu_TopMenuActive a:visited,
a.Menu_SubMenuItemActive:link,
a.Menu_SubMenuItemActive:visited 

{

 border-bottom: 5px solid blue ;

}


.Menu_DropDownPanel a.Menu_SubMenuItem,
.Menu_DropDownPanel a.Menu_SubMenuItem:link,
.Menu_DropDownPanel a.Menu_SubMenuItem:visited {
 border-bottom: 5px solid blue ;
}


Hope i could help.

Test and give your feedback.


HI ,Pedro,

actually this is a link yet , once click   , let is show button line under link .  once click another one , the current one disappered. 


I don't understand what you really want... i was thinking like "outsystems forum".