• State Resolved
  • Locked Locked
  • Replies 18 replies
  • Subscribers 53 subscribers
  • Views 1655 views
  • Users 0 members are here
Support feedback
Options
Options
Similar topics

This thread has been locked.

If you have a related question, please click the "Ask a related question" button in the top right corner. The newly created question will be automatically linked to this question.

CCSv6.1.3 (GUI Composer): How to use the Checked ListBox?

stevenh
Guru 20035 points

Hello,

How do I use the GUI Composer Checked ListBox, i.e. what do I use for class, Values, Labels and etc?

Stephen

  • 0
    TI__Genius 15180 points
    Checklistbox allows you to have multiple options checked/unchecked. I think of it as a bitfield (first checkbox is bit postion 0, second checkbox is bit 1 and so forth). Thus having all 3 checkboxes checked writes Value 7 to whatever variable the widget is bound to.

    class: I would leave this blank. It allows you to specify a custom class which you then use in your css stylesheet to provide custom styling.

    Values: provide a target side array to override default values for each bit. E.g. int valuearray[3] = {5,7,9}; would result in 21 being written to bound variable if all 3 checkboxes are checked.

    Labels: Same as values but allows you to override the strings that are shown to the user for each checkbox.

    Martin
  • 0 in reply to MartinS
    Guru 20035 points

    Hello Martin,

    I am confused about your Values and default values example.  Is valuearray the bound variable? Is that what I would put in the values textbox? 

    Stephen

  • 0 in reply to MartinS
    Guru 20035 points

    I just found the GUI composer wiki (i.e. 

    http://processors.wiki.ti.com/index.php/GUI_Composer_Widgets_And_Properties#CheckedListBox

    )

     

    It says the following about the checked Listbox:

    CheckedListBox

    The CheckedMultiSelect widget is an exact replacement for the HTML SELECT element and was created to provide a thin widget wrapper that provides the ability to select multiple items. You provide a list of acceptable value pairs consisting of text to be displayed and the hidden text value to be submitted with a FORM.

    Widget Binding Properties

    Labels
    Optional: Specify a global target program string array variable that the labels of the items are bound to.
    Values
    Optional: Specify a global target program string array variable that the values of the items are bound to.

    Why would the Values need to be a string array?

    Stephen

  • 0 in reply to stevenh
    TI__Genius 15180 points
    Hello,
    A single int is used to encode the value. At bare minimum you need an int target variable entered in "Value" binding. This variable that will hold the result of user clicking on check boxes.

    If you are ok with default values that each bit will write (first two checked boxes will result in 3 being written to variable specified in "Value" binding. (i.e. 11 in binary to represent first two checkboxes being enabled)), then you do not need to provide values array. It should be simple to adjust target program to decode the default values.

    You need to pass in Values array, in addition to Value binding, only if you want different value representation for each bit.

    Martin
  • 0 in reply to stevenh
    TI__Genius 15180 points
    Values shouldn't be a string array. It's a mistake in documentation.
  • 0 in reply to MartinS
    Guru 20035 points

    Ok.

    I created a target application, a GUI with a checked listbox and exported the GUI application.  The target application is using the F283x CPU Cycle accurate simulator.  How do I run the GUI?

    Thanks,
    Stephen 

  • 0 in reply to MartinS
    Guru 20035 points

    I extracted the zip file and opened app.html in chrome (javascript is enabled).  Nothing appeared on the screen.

    Stephen

  • 0 in reply to MartinS
    Guru 20035 points

    When I preview the GUI application, a red "x" appears at the top left hand side of the checked listbox.  

    "values: the index value is null" appears when I hover the mouse pointer over the red "x".  

    The Values test box is not empty.  It have a variable named test.

    Stephen

  • 0 in reply to stevenh
    TI__Genius 15180 points

    To run outside of CCS you need a GC Runtime, your can downloaded from page below.

    http://processors.wiki.ti.com/index.php/Category:GUI_Composer

    It also has some information on exporting an app.

    Red X on the widget usually means that symbol that you entered for the binding is not valid OR you have not specified the .out file where symbols need to be obtained. Also, these variables need to be global.

    Add "test" to "Selected Value" binding.  See picture

  • 0 in reply to MartinS
    Guru 20035 points

    I had thought the runtime was a part of the the GUI composer download.

    The test symbol is a global variable.

    I specified the .out file when I exported the project.

    How do I run the GUI application within code composer?

  • 0 in reply to MartinS
    Guru 20035 points

    I installed the runtime.  I had put the symbol named "test" in Values and I moved it to Selected Values.  

    The red "x" is still appearing on the checked Listbox control.

    Also, there's still an empty screen when i open app.html.

    Stephen 

  • 0 in reply to MartinS
    Guru 20035 points

    Hello Martin,

    Could you please attach to the forum a Checked Listbox control example  application.

    Thanks,
    Stephen

  • 0 in reply to stevenh
    TI__Genius 15180 points
    Yes, if you install GUI Composer into CCS from app center, then runtime is included. The standalone runtime is necessary if you want to run the app outside of CCS. Since you exported the project, I thought that is what you wanted to do.

    In CCS you can click Preview button (triangle in top right corner) to test your app. It will then talk to debug session that you currently have active in CCS. If you would like to augment CCS views, then you can install your app into CCS. It will be available from View->Applications menu. You don't have open GUI Composer Designer then. You would need to choose "Install Project" option, last toolbar button in Projects area of GUI Composer. In this case the app will behave like a specialized debug view. It will talk to currently debugged target to obtain data.

    martin
  • 0 in reply to MartinS
    TI__Genius 15180 points
    GUI Composer application or target application? I used MSP430 target and I configured it to halt the CPU before target accesses, as MSP does not support non-intrusive accesses like C2000 can.

    martin
  • 0 in reply to MartinS
    Guru 20035 points

    When I stop the target the red "x" goes away if the variable is not a structure type variable.

    e.g.

    typedef struct
{
   unsigned int a1:1;
   unsigned int a2:1;
   unsigned int a3:1;
   unsigned int a4:1;
   unsigned int a5:1;
   unsigned int a6:1;
} TEST;

TEST test;

    Could you please send me a simple CCS project and a GUI Composer project (having a checked list box) that works. 

    Thanks,

    Stephen

  • 0 in reply to MartinS
    Guru 20035 points

    Ok.  It seems to work ok when I use the xds100v2.

    This is one of the situations where the simulator does not work.  

    Thanks,

    Stephen

  • 0 in reply to MartinS
    Guru 20035 points

    Hello Martin,

    How do I change the value of each checkbox item in the Checked List Box.  

    None of the items show below worked.

    Stephen

    1. Added 1,16,64 to Values in Binding

    2. Added {1,16,64} to Values in Binding

    3. Added GUI_ValueArray to Values in Binding.  GUI_ValueArray is an array in the target application code that is defined as

                    unsigned char GUI_Value[] = {1,16,64}

     

  • 0 in reply to stevenh
    Guru 20035 points

    Actually for 3.) in my previous post, the  definition was Uint8 GUI_Value[] = {1,16,64}. It works after I changed it to int GUI_Value[] = {1,16,64}.

    Why does that change make it work?