logo
down
shadow

Dropdown list displays no value


Dropdown list displays no value

By : jtg
Date : December 01 2020, 05:00 PM


Share : facebook icon twitter icon
How do you make a dropdown list that displays images to the user instead of text?

How do you make a dropdown list that displays images to the user instead of text?


By : Tyler Peter Stiene
Date : March 29 2020, 07:55 AM
hop of those help? I would use custom ButtonField and PopupScreen. Two reasons:
in mobile design it's better to use screen effectively, and classic desktop dropdown control seems to be less sufficient than popup, at least for complex items (image + text) it's easier :)
code :
class DropdownItem {
 Bitmap mBitmap;
 String mName;

 public DropdownItem(Bitmap bitmap, String name) {
  this.mBitmap = bitmap;
  this.mName = name;
 }
}
class BitmapButtonField extends ButtonField {
 protected DropdownItem mItem;
 boolean mTextItem;
 int mWidth;
 int mHeight;

 public BitmapButtonField(DropdownItem item, boolean textItem) {
  super(CONSUME_CLICK);
  mItem = item;
  mTextItem = textItem;
  mWidth = mItem.mBitmap.getWidth() + 6
    + (mTextItem ? getFont().getAdvance(mItem.mName) + 6 : 0);
  mHeight = mItem.mBitmap.getHeight() + 6;
  setMargin(0, 0, 0, 0);
  setPadding(0, 0, 0, 0);
  setBorder(BorderFactory.createSimpleBorder(new XYEdges(0, 0, 0, 0)));
  setBorder(VISUAL_STATE_ACTIVE, BorderFactory
    .createSimpleBorder(new XYEdges(0, 0, 0, 0)));
 }

 protected void paint(Graphics graphics) {
  int color = (getVisualState() == VISUAL_STATE_FOCUS) ? Color.LIGHTGREY
    : Color.DARKGRAY;
  graphics.setColor(color);
  graphics.drawRect(1, 1, mWidth - 2, mHeight - 2);
  graphics.drawBitmap(3, 3, mItem.mBitmap.getWidth(), mItem.mBitmap
    .getHeight(), mItem.mBitmap, 0, 0);
  if (mTextItem)
   graphics.drawText(mItem.mName, mItem.mBitmap.getWidth() + 6, 3);

 }

 public int getPreferredWidth() {
  return mWidth;
 }

 public int getPreferredHeight() {
  return mHeight;
 }

 protected void layout(int width, int height) {
  setExtent(mWidth, mHeight);
 }
}
class DDImagesButton extends BitmapButtonField implements FieldChangeListener {
 DropdownItem[] mItems;
 int mIndex;

 public DDImagesButton(DropdownItem[] items) {
  super(items[0], false);
  mItems = items;
  updateIndex(0);
  setChangeListener(this);
 }

 protected void paint(Graphics graphics) {
  super.paint(graphics);

  int x = mItems[mIndex].mBitmap.getWidth() + 2;
  int y = 5;

  int y1 = y;
  int y2 = y + 10;
  int x1 = x;
  int x2 = x + 18;
  int[] xPts = new int[] { x1, x2, x1 + 9 };
  int[] yPts = new int[] { y1, y1, y2 };
  graphics.drawFilledPath(xPts, yPts, null, null);
 }

 public void fieldChanged(Field field, int context) {
  getScreen().getUiEngine().pushScreen(new DDImagesPopUp());
 }

 public void updateIndex(int index) {
  mIndex = index;
  mItem = mItems[mIndex];
  mWidth = mItem.mBitmap.getWidth() + 6 + 18 + 3;
  mHeight = mItem.mBitmap.getHeight() + 6;
  invalidate();
 }

 class DDImagesPopUp extends PopupScreen implements FieldChangeListener {

  public DDImagesPopUp() {
   super(
     new VerticalFieldManager(VERTICAL_SCROLL
       | VERTICAL_SCROLLBAR));
   for (int i = 0; i < mItems.length; i++) {
    BitmapButtonField button = new BitmapButtonField(mItems[i],
      true);
    add(button);
    button.setChangeListener(this);
   }
   setFieldWithFocus(getField(mIndex));
  }

protected boolean keyChar(char key, int status, int time) {
    if (Keypad.KEY_ESCAPE == key) {
        this.close();
        return true;
    } else
        return super.keyChar(key, status, time);
}

  public void fieldChanged(Field field, int context) {
   updateIndex(getFieldWithFocusIndex());
   close();
  }
 }
}
class Scr extends MainScreen {
 DDImagesButton ddImages1;
 DDImagesButton ddImages2;

 public Scr() {
  HorizontalFieldManager hfm = new HorizontalFieldManager();
  add(hfm);

  DropdownItem[] items = new DropdownItem[6];
  items[0] = new DropdownItem(Bitmap.getBitmapResource("1.png"),
    "Add Item");
  items[1] = new DropdownItem(Bitmap.getBitmapResource("2.png"),
    "Attachment");
  items[2] = new DropdownItem(Bitmap.getBitmapResource("3.png"), "Time");
  items[3] = new DropdownItem(Bitmap.getBitmapResource("4.png"), "User");
  items[4] = new DropdownItem(Bitmap.getBitmapResource("5.png"), "Group");
  items[5] = new DropdownItem(Bitmap.getBitmapResource("6.png"),
    "Information");
  ddImages1 = new DDImagesButton(items);
  hfm.add(ddImages1);

  ddImages2 = new DDImagesButton(items);
  hfm.add(ddImages2);
 }
}
Dropdown list displays elements behind it in IE9 and FF

Dropdown list displays elements behind it in IE9 and FF


By : Simon Stapleton
Date : March 29 2020, 07:55 AM
Get value selected in dropdown list using Javascript (displays null)

Get value selected in dropdown list using Javascript (displays null)


By : Ikon
Date : March 29 2020, 07:55 AM
wish helps you I need to access the value selected from a drop down list using Javascript. But every time I get 'null' as the answer though a list item is selected. , You have to specify id of select element
code :
<select class="mySelect" id="mySelect">
md-autocomplete displays results as a list instead of dropdown

md-autocomplete displays results as a list instead of dropdown


By : Ramya
Date : March 29 2020, 07:55 AM
it helps some times I am trying to use Angular Material md-autocomplete tag to display suggestions for zipcode in my form. I am calling an asynchronous service to get the suggestions and populate the results. I used the demo code on https://material.angularjs.org/latest/api/directive/mdAutocomplete as a reference. However, the results are getting displayed as a ul-li's below my form. Can someone please help me figure out what could be going wrong? I have included the required files in my html. Here are the code snippets: , You should add angularjs material css file.
code :
<link rel="stylesheet" href="//rawgit.com/angular/bower-material/master/angular-material.css"> 
Bootstrap 3 button dropdown displays list items

Bootstrap 3 button dropdown displays list items


By : lpopov
Date : March 29 2020, 07:55 AM
Does that help working fine when i include all the boostrap files, May be you missed some css
Related Posts Related Posts :
  • Simplify a multidimensional array in PHP
  • Dynamic DB login in TYPO3 extension
  • Missing index in a multidimensional array PHP
  • output data based on two tables
  • Populate form from database
  • Got blank value in update query
  • PHP show message based on user had attach file or not attach file
  • Outline a transparent image using imagick PHP
  • If statement based on last digit of php variable number
  • make popup when post data on the same page
  • How to check email id's with specific domain from the array of email id's in PHP?
  • Change openssl version in MAMP
  • How to use ob_start() in PHP project while using of Front Controller pattern
  • How do I implement search filter query using mongodb?
  • Android retrieve data from php org.json.JSONArray cannot be converted to JSONObject
  • Error Get request PHP
  • Update datepicker value based on php condition
  • Codeigniter Model loading error
  • How to sort varchar id on basis integer in it using mysql
  • Trial Balance Update accounts
  • Always return user details as json every time user login in laravel 5
  • join table on postgres with php
  • How to check for empty values with in_array WITH EXCEPTIONS?
  • How to replace return carriage in json string made from mysql and php?
  • Intl extension not getting loaded
  • PHP How to echo a 3-dim array
  • How to extend and modify a vendor model in Laravel 5?
  • How to change the number of posts that Wordpress JSON Api loads per page
  • how to validate dynamic text boxes using jquery
  • PHP undefined index id error
  • How to Parse xml data using php
  • getJSON parser cannot process JSON output from PHP file
  • Using Redis on Azure with Symfony2
  • php proc_open file descriptor in bash command
  • Trying to create a generalized function in PHP 5.2, error message not showing
  • Merging multiple rows with same field in column
  • Move "in stock" up on Woocommerce product page
  • Wrong reference path to Mail.php
  • phalcon volt bitwise operatios?
  • How to switch between tab when form submitting in same php file?
  • wp all import script to custom post image gallery
  • Storing a single password within in a PHP file instead of a database of users
  • get increment decrement day once clicked button
  • sql check for duplicates returning bool false?
  • Webmaster tools api dimensions
  • Seeding table using model factory not saving
  • How do I save associated entities in Doctrine 2?
  • fopen $_SERVER[REQUEST_URI]
  • RedBean One to Many Attribute Not Working
  • Safely passing ids to form action?
  • Php array explode a char
  • PHP MySQL Login Failure
  • can't get file_exists to work
  • Array PHP, Check if exist multiple elements to another array
  • Can array_walk be nested in php?
  • Notice: Use of undefined constant DIR - assumed '_DIR_'
  • Getting a weird 500 error with ajax
  • How can I filter an array of strings to remove elements that are prefixes of other elements?
  • Duplicate entries when assigning custom id to Laravel Model
  • AJAX call not returning php file command
  • shadow
    Privacy Policy - Terms - Contact Us © animezone.co