InputRefSelector (refkit.mpk)

1
Without overriding too many classes and going into widget code, is there a way of making the refkit.mpk look normal? (like this) Currently I get this: Is this standard or did I break something? Thankyou
asked
2 answers
3

For those interested, here's a snippet I used in one of my projects (Mx 5.12, so pre-DX) to have the input reference selector widget look more like default Mendix:

/* input reference selector */
.dijitTextBox {
    border: 1px solid #ccc;
    border-radius: 4px;
    width: auto;
    color: inherit;
    height: 30px;
    padding: 6px 8px;
    width: 100%;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}

.dijitTextBoxFocused {
    border: 1px solid #66afe9;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
}

.refkitInputRefSelector {
    outline: 0 !important;
}
/* input reference selector - dropdown menu */
.dijitMenu {
    border: 1px solid #ccc;
}

.dijitMenuItem {
    padding: 6px 8px;
}

.dijitMenuItem:hover {
    background: #f5f5f5;
}
answered
1

This is standard, the widget creates the html and css.

You can override css classes to make it look like bootstrap input elements. Or you could try to alter the widget yourself.

answered