Hi all,
I am a relative noob to mobl and have an issue that I believe has to do with css. I have created a new mobl project just to figure out this issue. I have a root page with one button which is a link to an external site. I am trying to figure out how to remove the underline that seems to be automatically applied to a url link. I have to be missing something and need some input from a fresh pair of eyes. Here is my hello.mobl file.
.....
application hello
import mobl::ui::generic
screen root() {
header("hello")
nl()
link("
www.test.com", target="_blank"){label("link button", style=linkbutton)}
}
style linkbutton{
background-color: #fff;
border: 1px solid #cccccc;
border-left: 0;
border-right: 0;
color: #000;
display: block;
font-size: 17px;
margin: 0.3em;
margin-bottom: -1px;
padding: 12px 10px;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
text-decoration: none;
}
.....
I understand I can use the "mobl::ui::generic" for styling, but was taking this approach for quick testing. "text-decoration: none;" doesn't seem to do it.
Can anyone give me a push in the right direction?
Thanks a lot!
Joe