Can't interact with my GUI

Hi there,

I’m a little lost on the location of the controller for the XML. I have a big controller for my screen, and a specific one for the custom element. Those also have to interact with the Screen Controller. I tried putting the next() function everywhere and nothing happens. The only place it works is on another layer outsides of all my panel.

Here is my XML:

<?xml version=“1.0” encoding=“UTF-8” standalone=“no”?>
<nifty>
<useStyles filename=“nifty-default-styles.xml” />
<useControls filename=“Interface/custom-controls.xml” />

&lt;!-- Redefined style for the user's listbox --&gt;
&lt;style id="nifty-listbox1#scrollpanel"&gt;
    &lt;attributes focusable="true" padding="1px"/&gt;
    &lt;effect overlay="true"&gt;
        &lt;onActive name="colorBar" color="#2220" post="false" neverStopRendering="true" timeType="infinite"/&gt;
        &lt;onEnabled name="renderQuad" startColor="#2228" endColor="#2220" post="false" length="150"/&gt;
        &lt;onDisabled name="renderQuad" startColor="#2220" endColor="#2228" post="false" length="150"/&gt;
    &lt;/effect&gt;
&lt;/style&gt;
&lt;style id="nifty-listbox1#bottom-right"&gt;
    &lt;attributes width="23px" height="23px"/&gt;
&lt;/style&gt;

&lt;screen id="loginScreen" controller="com.certification.renderer.jme3.gui.ScreenJME"&gt;


    &lt;layer childLayout="center" id="layer5" visibleToMouse="true"&gt;
        &lt;panel childLayout="absolute" height="100%" width="100%" id="#panneau" backgroundColor="#F0F8FF" visibleToMouse="true"&gt;
            &lt;!-- Panel template --&gt;
            &lt;panel childLayout="absolute" height="${CALL.getHeight(0.9)}" width="${CALL.getWidth(0.9)}" id="#panneauLogin" x="22.3%"y="12%" visibleToMouse="true"&gt;
                &lt;image filename="Interface/images/FrameMenuIntro.png" height="85.71%" id="#backgroundLogin" width="100%" x="0%" y="0%"/&gt;
                &lt;!-- User(s) listBox --&gt;
                &lt;control name="listBox" id="myCustomListBox" style="nifty-listbox1" width="44.25%" height="78%" vertical="on" 
                         horizontal="off" selection="single" forceSelection="false" displayItems="8" x="6.25%" y="12.45%"
                         viewConverterClass="com.certification.renderer.jme3.gui.customControls.listbox.CustomListBoxViewConverter" &gt;
                    &lt;control name="customListBox-line" controller="de.lessvoid.nifty.controls.listbox.ListBoxItemController"/&gt;
                &lt;/control&gt;
                &lt;image filename="Interface/images/numpad_screen.png" height="14%" width="42%" id="#numpadScreen" x="51%" y="0%"/&gt;
                &lt;!-- Manager Button --&gt;
                &lt;control id="numpadnumber-manager" name="customImage-button" x="35.75%" y="2.5%" width="10.25%" height="9%"
                         img1="Interface/images/manager_numpad_clicked.png" img2="Interface/images/manager_numpad.png" 
                         controller="com.certification.renderer.jme3.gui.customControls.imagebutton.ImageButtonControl"/&gt;
                &lt;!-- Numeric keyboard --&gt;
                &lt;control id="numpadnumber-1" name="customImage-button" x="53.3%" y="17%" width="13%" height="11.75%"
                         img1="Interface/images/1_numpad_clicked.png" img2="Interface/images/1_numpad.png"  visibleToMouse="true"
               controller="com.certification.renderer.jme3.gui.ScreenJME" &gt;
                    &lt;interact onClick="next()" /&gt;
                &lt;/control&gt;
                &lt;control id="numpadnumber-2" name="customImage-button" x="65.5%" y="17%" width="13%" height="11.75%"
                         img1="Interface/images/2_numpad_clicked.png" img2="Interface/images/2_numpad.png" 
                         controller="com.certification.renderer.jme3.gui.customControls.imagebutton.ImageButtonControl" visibleToMouse="true"&gt;
                        &lt;interact onClick="next()" /&gt;
                &lt;/control&gt;
                &lt;control id="numpadnumber-3" name="customImage-button" x="77.7%" y="17%" width="13%" height="11.75%"
                         img1="Interface/images/3_numpad_clicked.png" img2="Interface/images/3_numpad.png" 
                         controller="com.certification.renderer.jme3.gui.customControls.imagebutton.ImageButtonControl"/&gt;
                
                &lt;control id="numpadnumber-4" name="customImage-button" x="53.3%" y="29.25%" width="13%" height="11.75%"
                         img1="Interface/images/4_numpad_clicked.png" img2="Interface/images/4_numpad.png" 
                         controller="com.certification.renderer.jme3.gui.customControls.imagebutton.ImageButtonControl"/&gt;
                &lt;control id="numpadnumber-5" name="customImage-button" x="65.5%" y="29.25%" width="13%" height="11.75%"
                         img1="Interface/images/5_numpad_clicked.png" img2="Interface/images/5_numpad.png" 
                         controller="com.certification.renderer.jme3.gui.customControls.imagebutton.ImageButtonControl"/&gt;
                &lt;control id="numpadnumber-6" name="customImage-button" x="77.7%" y="29.25%" width="13%" height="11.75%"
                         img1="Interface/images/6_numpad_clicked.png" img2="Interface/images/6_numpad.png" 
                         controller="com.certification.renderer.jme3.gui.customControls.imagebutton.ImageButtonControl"/&gt;
                
                &lt;control id="numpadnumber-7" name="customImage-button" x="53.3%" y="41.5%" width="13%" height="11.75%"
                         img1="Interface/images/7_numpad_clicked.png" img2="Interface/images/7_numpad.png" 
                         controller="com.certification.renderer.jme3.gui.customControls.imagebutton.ImageButtonControl"/&gt;
                &lt;control id="numpadnumber-8" name="customImage-button" x="65.5%" y="41.5%" width="13%" height="11.75%"
                         img1="Interface/images/8_numpad_clicked.png" img2="Interface/images/8_numpad.png" 
                         controller="com.certification.renderer.jme3.gui.customControls.imagebutton.ImageButtonControl"/&gt;
                &lt;control id="numpadnumber-9" name="customImage-button" x="77.7%" y="41.5%" width="13%" height="11.75%"
                         img1="Interface/images/9_numpad_clicked.png" img2="Interface/images/9_numpad.png" 
                         controller="com.certification.renderer.jme3.gui.customControls.imagebutton.ImageButtonControl"/&gt;
                
                &lt;control id="numpadnumber-0" name="customImage-button" x="53.1%" y="53.3%" width="25.3%" height="13.15%"
                         img1="Interface/images/0_numpad_clicked.png" img2="Interface/images/0_numpad.png" 
                         controller="com.certification.renderer.jme3.gui.customControls.imagebutton.ImageButtonControl"/&gt;
                &lt;control id="numpadnumber-delete" name="customImage-button" x="77.7%" y="53.75%" width="13%" height="11.75%"
                         img1="Interface/images/delete_numpad_clicked.png" img2="Interface/images/delete_numpad.png" 
                         controller="com.certification.renderer.jme3.gui.customControls.imagebutton.ImageButtonControl"/&gt;
                
                &lt;control id="numpadnumber-enter" name="customImage-button" x="53.3%" y="66%" width="37.25%" height="11.85%"
                         img1="Interface/images/enter_numpad_clicked.png" img2="Interface/images/enter_numpad.png" 
                         controller="com.certification.renderer.jme3.gui.customControls.imagebutton.ImageButtonControl"/&gt;
                
                
                &lt;control id="numpad-password" name="label" align="left" textHAlign="left" x="60%" y="2%"
                         font="Interface/Fonts/verdana-48-regular.fnt" height="10%" width="100%" text="****" /&gt; 
            &lt;/panel&gt;
        &lt;/panel&gt;
    &lt;/layer&gt;
    &lt;layer id="layer3" childLayout="center"&gt;
        &lt;image filename="Interface/images/2_numpad_clicked.png" &gt;
            &lt;interact onClick="next()" /&gt;
        &lt;/image&gt;

    &lt;/layer&gt;
&lt;/screen&gt;

</nifty>

[java]<?xml version=“1.0” encoding=“UTF-8” standalone=“no”?>
<nifty>
<useStyles filename=“nifty-default-styles.xml” />
<useControls filename=“Interface/custom-controls.xml” />

&lt;!-- Redefined style for the user's listbox --&gt;
&lt;style id="nifty-listbox1#scrollpanel"&gt;
    &lt;attributes focusable="true" padding="1px"/&gt;
    &lt;effect overlay="true"&gt;
        &lt;onActive name="colorBar" color="#2220" post="false" neverStopRendering="true" timeType="infinite"/&gt;
        &lt;onEnabled name="renderQuad" startColor="#2228" endColor="#2220" post="false" length="150"/&gt;
        &lt;onDisabled name="renderQuad" startColor="#2220" endColor="#2228" post="false" length="150"/&gt;
    &lt;/effect&gt;
&lt;/style&gt;
&lt;style id="nifty-listbox1#bottom-right"&gt;
    &lt;attributes width="23px" height="23px"/&gt;
&lt;/style&gt;

&lt;screen id="loginScreen" controller="com.certification.renderer.jme3.gui.ScreenJME"&gt;


    &lt;layer childLayout="center" id="layer5" visibleToMouse="true"&gt;
        &lt;panel childLayout="absolute" height="100%" width="100%" id="#panneau" backgroundColor="#F0F8FF" visibleToMouse="true"&gt;
            &lt;!-- Panel template --&gt;
            &lt;panel childLayout="absolute" height="${CALL.getHeight(0.9)}" width="${CALL.getWidth(0.9)}" id="#panneauLogin" x="22.3%"y="12%" visibleToMouse="true"&gt;
                &lt;image filename="Interface/images/FrameMenuIntro.png" height="85.71%" id="#backgroundLogin" width="100%" x="0%" y="0%"/&gt;
                &lt;!-- User(s) listBox --&gt;
                &lt;control name="listBox" id="myCustomListBox" style="nifty-listbox1" width="44.25%" height="78%" vertical="on" 
                         horizontal="off" selection="single" forceSelection="false" displayItems="8" x="6.25%" y="12.45%"
                         viewConverterClass="com.certification.renderer.jme3.gui.customControls.listbox.CustomListBoxViewConverter" &gt;
                    &lt;control name="customListBox-line" controller="de.lessvoid.nifty.controls.listbox.ListBoxItemController"/&gt;
                &lt;/control&gt;
                &lt;image filename="Interface/images/numpad_screen.png" height="14%" width="42%" id="#numpadScreen" x="51%" y="0%"/&gt;
                &lt;!-- Manager Button --&gt;
                &lt;control id="numpadnumber-manager" name="customImage-button" x="35.75%" y="2.5%" width="10.25%" height="9%"
                         img1="Interface/images/manager_numpad_clicked.png" img2="Interface/images/manager_numpad.png" 
                         controller="com.certification.renderer.jme3.gui.customControls.imagebutton.ImageButtonControl"/&gt;
                &lt;!-- Numeric keyboard --&gt;
                &lt;control id="numpadnumber-1" name="customImage-button" x="53.3%" y="17%" width="13%" height="11.75%"
                         img1="Interface/images/1_numpad_clicked.png" img2="Interface/images/1_numpad.png"  visibleToMouse="true"
               controller="com.certification.renderer.jme3.gui.ScreenJME" &gt;
                    &lt;interact onClick="next()" /&gt;
                &lt;/control&gt;
                &lt;control id="numpadnumber-2" name="customImage-button" x="65.5%" y="17%" width="13%" height="11.75%"
                         img1="Interface/images/2_numpad_clicked.png" img2="Interface/images/2_numpad.png" 
                         controller="com.certification.renderer.jme3.gui.customControls.imagebutton.ImageButtonControl" visibleToMouse="true"&gt;
                        &lt;interact onClick="next()" /&gt;
                &lt;/control&gt;
                &lt;control id="numpadnumber-3" name="customImage-button" x="77.7%" y="17%" width="13%" height="11.75%"
                         img1="Interface/images/3_numpad_clicked.png" img2="Interface/images/3_numpad.png" 
                         controller="com.certification.renderer.jme3.gui.customControls.imagebutton.ImageButtonControl"/&gt;
                
                &lt;control id="numpadnumber-4" name="customImage-button" x="53.3%" y="29.25%" width="13%" height="11.75%"
                         img1="Interface/images/4_numpad_clicked.png" img2="Interface/images/4_numpad.png" 
                         controller="com.certification.renderer.jme3.gui.customControls.imagebutton.ImageButtonControl"/&gt;
                &lt;control id="numpadnumber-5" name="customImage-button" x="65.5%" y="29.25%" width="13%" height="11.75%"
                         img1="Interface/images/5_numpad_clicked.png" img2="Interface/images/5_numpad.png" 
                         controller="com.certification.renderer.jme3.gui.customControls.imagebutton.ImageButtonControl"/&gt;
                &lt;control id="numpadnumber-6" name="customImage-button" x="77.7%" y="29.25%" width="13%" height="11.75%"
                         img1="Interface/images/6_numpad_clicked.png" img2="Interface/images/6_numpad.png" 
                         controller="com.certification.renderer.jme3.gui.customControls.imagebutton.ImageButtonControl"/&gt;
                
                &lt;control id="numpadnumber-7" name="customImage-button" x="53.3%" y="41.5%" width="13%" height="11.75%"
                         img1="Interface/images/7_numpad_clicked.png" img2="Interface/images/7_numpad.png" 
                         controller="com.certification.renderer.jme3.gui.customControls.imagebutton.ImageButtonControl"/&gt;
                &lt;control id="numpadnumber-8" name="customImage-button" x="65.5%" y="41.5%" width="13%" height="11.75%"
                         img1="Interface/images/8_numpad_clicked.png" img2="Interface/images/8_numpad.png" 
                         controller="com.certification.renderer.jme3.gui.customControls.imagebutton.ImageButtonControl"/&gt;
                &lt;control id="numpadnumber-9" name="customImage-button" x="77.7%" y="41.5%" width="13%" height="11.75%"
                         img1="Interface/images/9_numpad_clicked.png" img2="Interface/images/9_numpad.png" 
                         controller="com.certification.renderer.jme3.gui.customControls.imagebutton.ImageButtonControl"/&gt;
                
                &lt;control id="numpadnumber-0" name="customImage-button" x="53.1%" y="53.3%" width="25.3%" height="13.15%"
                         img1="Interface/images/0_numpad_clicked.png" img2="Interface/images/0_numpad.png" 
                         controller="com.certification.renderer.jme3.gui.customControls.imagebutton.ImageButtonControl"/&gt;
                &lt;control id="numpadnumber-delete" name="customImage-button" x="77.7%" y="53.75%" width="13%" height="11.75%"
                         img1="Interface/images/delete_numpad_clicked.png" img2="Interface/images/delete_numpad.png" 
                         controller="com.certification.renderer.jme3.gui.customControls.imagebutton.ImageButtonControl"/&gt;
                
                &lt;control id="numpadnumber-enter" name="customImage-button" x="53.3%" y="66%" width="37.25%" height="11.85%"
                         img1="Interface/images/enter_numpad_clicked.png" img2="Interface/images/enter_numpad.png" 
                         controller="com.certification.renderer.jme3.gui.customControls.imagebutton.ImageButtonControl"/&gt;
                
                
                &lt;control id="numpad-password" name="label" align="left" textHAlign="left" x="60%" y="2%"
                         font="Interface/Fonts/verdana-48-regular.fnt" height="10%" width="100%" text="****" /&gt; 
            &lt;/panel&gt;
        &lt;/panel&gt;
    &lt;/layer&gt;
    &lt;layer id="layer3" childLayout="center"&gt;
        &lt;image filename="Interface/images/2_numpad_clicked.png" &gt;
            &lt;interact onClick="next()" /&gt;
        &lt;/image&gt;

    &lt;/layer&gt;
&lt;/screen&gt;

</nifty>
[/java]

Have you looked at the output? I don’t some hint about nifty that your method is not found or I causing an exception ? Most of this cases are caused by some hidden exception …