Skip to Content
0
Former Member
Nov 27, 2012 at 06:58 AM

SAPUI5 Dropdownbox class?

317 Views

Hello everybody,

I'm currently trying to set up a language switcher in SAPUI5 (http://scn.sap.com/thread/3271483), but have a problem with the apperance of my Dropdownbox.

The code looks like this:

  1. // Create a ListBox
  2. var oListBox1 = new sap.ui.commons.ListBox("Languages", {
  3. items: [new sap.ui.core.ListItem("Lang1", {
  4. text: "German"
  5. }), new sap.ui.core.ListItem("Lang2", {
  6. text: "English"
  7. })]
  8. });
  9. // Create a DropdownBox
  10. var oDropdownBox2 = new sap.ui.commons.DropdownBox("DropdownBox2", {
  11. tooltip: "Language",
  12. "association:listBox": oListBox1,
  13. value: "German"
  14. });

and my CSS looks like this:

.

sapUiTfComboIcon {    position : absolute;    display : inline;    font-size : 15px;    overflow : visible;    margin-left : -15px;   }   .sapUiLbxI {    list-style : none;   }   .sapUiLbx {    box-sizing : border-box;    border-bottom : #bfbfbf 1px solid;    border-left : #bfbfbf 1px solid;    padding-bottom : 0px;    overflow-x : auto;    overflow-y : auto;    background-color : #FFFFFF;    padding-left : 0px;    padding-right : 0px;    display : inline-block;    white-space : nowrap;    color : #000000;    border-top : #bfbfbf 1px solid;    cursor : default;    border-right : #bfbfbf 1px solid;    padding-top : 0px;    border-radius : 0;   }  



Unfortunately now I have a white border around my text in the Dropdownbox.

When I add a global modifier in the CSS that sets margin : 0 and left-padding : 0, it looks good, however I'd rather like to address the Dropdownbox directly, but I haven't found a solution or this yet.

Does anyone of you know the right solution for this?

Also here are two screenshots that show the problem visually.

Thanks in advance for any ideas!

Attachments

all-elements.jpg (22.0 kB)