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.

GUI Composer Widget Help



Hi all,

I am struggling to implement an interface using GUI composer, mainly due to the lack of examples and documentation. What documentation there is for widgets is rather useless - no example usages particularly for data binding. 

CheckBoxGroup - This control is in the documentation but does not appear in the GUI composer pallete. It appears to do exactly what I want; that is, control an array of boolean values using a list of check boxes. Do I need to manually write the source for this widget, or is there another more appropriate widget?

DGrid -  I also want to display several arrays in a table / grid. DGrid appears to be the most appropriate for this, however I cannot find any examples on how to use it. Reading through documentation for Dojo and Dijit is rather painful - there is a huge amount of it and I'm not entirely sure how much is relevant to the GUI Composer implementation. What do I put in for the Data field to bind this to multiple arrays?

Any examples would be greatly appreciated.

  • Hi Jason,

    Here's an example : This will help you quick-start!

    0044.Building a GUI using TI GUI Composer.pdf

    Regards,

    Gautam

  • Hello Gautam,

    I am not having trouble with GUI composer projects in general, I am able to run, use dials, buttons etc. and bind them to data fine. I am having trouble with those two specific widgets, mentioned in the OP.

    Or more generally, how to do what I understand those widgets to be for.

  • Jason Cochrane said:

    I am not having trouble with GUI composer projects in general, I am able to run, use dials, buttons etc. and bind them to data fine. I am having trouble with those two specific widgets, mentioned in the OP.

    Or more generally, how to do what I understand those widgets to be for.

    Ohh! Did you already visit this link: processors.wiki.ti.com/index.php/GUI_Composer_Widgets_And_Properties

    If that info does not seem to satisfy you, let me know; I'll link you with the GUI expert.

    Regards,

    Gautam

  • As said in the original post, I could find Check List Group in the documentation but it does not exist in the GUI Composer pallete.

    ----

    For DGrid in the documentation the only binding information provided is:

    "Data - Specify a set of data"

    What format is the data meant to be specified in?

  • Forwarding your detailed query. Goodluck!

    Regards,

    Gautam

  • Hi Jason,

    I am using CCSv6.0 and here is what I do to bind these two widgets. Note that DGrid is an experimental widget, it might not have all the features that you want. CheckBoxGroup is renamed to CheckedListBox in CCSv6.0.

    CheckedListBox:

    const char *labels[5] = {"label one", "label two", "label three", "label four", "label five"};
    int values[5] = {1, 2, 4, 8, 16};
    int selected = 5;

    Bind these target variables to the widget: labels -> Labels, values -> Values, and selected -> Selected Values.

    DGrid:

    const char *labels[5] = {"label one", "label two", "label three", "label four", "label five"};
    int data[5][5] = { {1, 2, 3, 4, 5}, {1, 2, 3, 4, 5}, {1, 2, 3, 4, 5}, {1, 2, 3, 4, 5}, {5, 4, 3, 2, 1} };

    Bind these target variables to the widget: labels -> Column Names, data -> Data.

    P.S, you can hover your mouse over the binding label text to see the documentation. The documentation isn't the best, but it does give you an indication of the target variable type that is required for each property.

    Regards,
    Patrick

  • Thanks Patrick,

    That is exactly what I was after. I was able to get the controls to work correctly.