Results 1 to 4 of 4

Thread: How use ZmAddressInputField

  1. #1
    REMI is offline Member
    Join Date
    Apr 2011
    Rep Power

    Default How use ZmAddressInputField

    I am a French student, I apologize in advance for my spelling mistakes.
    As part of my internship I must create a Zimlet enabling the integration of a video conferencing application.
    However, to simplify the life of the user, who must submit the URL of the conference to their contacts. I must create input area and therefore perfect AutoComplete ... and this in a small window (DwtComposite). Similar as :

    Having read the documentation ZmAddressInputField is the best solution. I therefore well established that small window, but not the input area despite the visualization API ( Zimlet JavaScript API Reference - ZmAddressInputField and Zimlet JavaScript API Reference - ZmAutocompleteListView) so I am appealing to your expertise ...

    My code :
    bigbluebuttonPreferences.prototype.showAddDlg = function(obj) {
    // if zimlet dialog already exists...
    if (this._getAddDialog) {

    this._getAddView = new DwtComposite(this.zimlet.getShell());
    this._getAddView.getHtmlElement().style.overflow = "auto";

    this._getAddView.getHtmlElement().innerHTML = this._createAddView();
    var className = this._getAddView.getHtmlElement().className;
    this._getAddView.getHtmlElement().className = className + " bbb_addusers";

    var addAddButtonId = Dwt.getNextId();
    var addAddButton = new DwtDialog_ButtonDescriptor(addAddButtonId,
    ("Authorized"), DwtDialog.ALIGN_RIGHT);

    this._getAddDialog = this.zimlet._createDialog({title:"Inviter des utilisateurs",
    view:this._getAddView, standardButtons:[DwtDialog.OK_BUTTON,DwtDialog.CANCEL_BUTTON]});

    this._getAddDialog.setButtonListener(DwtDialog.OK_ BUTTON, new AjxListener(this, this._getAdressEMail));

    this._autocompleteusers = new autocompleteListView({parent:this.zimlet.getShell( )});
    this._inputContact = new ZmAddressInputField(inputId = this._autocompleteusers);
    this._inputContact.getHtmlElement().style.overflow = "auto";

    document.getElementById("bbb_InputAddress").append Child(this._inputContact.getHtmlElement());

    bigbluebuttonPreferences.prototype._getAdressEMail = function() {
    //TODO send mail with url of video conferencing

    bigbluebuttonPreferences.prototype._createAddView = function() {
    var html = new Array();

    var i = 0; html[i++] = "<DIV>";
    html[i++] = "<div id='bbb_InputAddress'></div>";
    html[i++] = "</DIV>";
    return html.join("");
    Tanks for your attention!
    Regards... Rémi.
    Last edited by REMI; 04-14-2011 at 11:51 AM.

  2. #2
    tdesorbaix is offline Zimlet Guru & Moderator
    Join Date
    Apr 2007
    Paris, France
    Rep Power

    Default Example of input field with autocomplete

    If you just need auto-complete, then you can look at this example zimlet.
    Just click on the zimlet and test the input field in the dialog box.
    Attached Files Attached Files

  3. #3
    REMI is offline Member
    Join Date
    Apr 2011
    Rep Power


    Thank you for your reply, I already found the solution in Zimlet WEB-EX. But I still do not know how to create my bubble ... = '(

  4. #4
    walidferchichi is offline New Member
    Join Date
    Jul 2011
    Rep Power

    Default Please help me

    I'm new in zimlet field.
    So, Do you Know please how to use the ZmAutocomplete to show the GAL but instead of email addresses you must found a phone number.

    Thanks For ALL.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts