I just found it in the API guide :P, my bad

Good to hear

Spoke too soon :/
Ive tried using panel, UIPanel, UILayout and layout but I keep getting them as not a member of ‘cocos2d::ui’

// panel accessed as a node using it's tag
    Node *panel = rootNode->getChildByTag( 20 );

    // panel cast to a button using it's tag
    cocos2d::ui::layout *panel = ( cocos2d::ui::layout * )rootNode->getChildByTag( 20 );
    panel->setVisible( false );

Change layout to Layout

The l needs to be capital 

Oh wow haha, thank you

Then how would I add it to a button?

I get an error: ‘panel’ was not declared in the scope.

In the init
    cocos2d::ui::Layout *panel = ( cocos2d::ui::Layout * )rootNode->getChildByTag( 20 );

Button Event
void MainMenu::touchEventSettings( Ref *sender, cocos2d::ui::Widget::TouchEventType type )
{
    switch ( type )
    {
        case cocos2d::ui::Widget::TouchEventType::BEGAN:
            
            break;
            
        case cocos2d::ui::Widget::TouchEventType::MOVED:

            break;
            
        case cocos2d::ui::Widget::TouchEventType::ENDED:
        //show panel
        panel->setVisible( true );
            break;
            
        case cocos2d::ui::Widget::TouchEventType::CANCELED:
            
            break;
            
        default:
            break;
    }
}

You want to declare it in the header but initialise it in the cpp.

This built and ran until clicking the button which crashes the app

Header

cocos2d::ui::Layout * panel;

CPP

Init
cocos2d::ui::Layout *panel = ( cocos2d::ui::Layout * )rootNode->getChildByTag( 20 );

Button Event
void MainMenu::touchEventSettings( Ref *sender, cocos2d::ui::Widget::TouchEventType type )
{
    switch ( type )
    {
        case cocos2d::ui::Widget::TouchEventType::BEGAN:
            
            break;
            
        case cocos2d::ui::Widget::TouchEventType::MOVED:

            break;
            
        case cocos2d::ui::Widget::TouchEventType::ENDED:
        //show panel
        panel->setVisible( true );
            break;
            
        case cocos2d::ui::Widget::TouchEventType::CANCELED:
            
            break;
            
        default:
            break;
    }
}

Try commenting out the panel code inside the button function to see if it's been setup properly.

Removing

//show panel
        panel->setVisible( true );

no longer crashes the program on button click so the setup must be correct?

So then what is the correct way of doing it?

panel = ( cocos2d::ui::Layout * )rootNode->getChildByTag( 20 );

Use this code instead inside the innit method 

That works , Thank you!

great :D

For buttons inside the panel is there a different way of adding a touch event? I used the same method as previously but the app crashes.

//This button is inside a panel in cocos studio
confirmbutton = ( cocos2d::ui::Button * )rootNode->getChildByTag( 25 );
confirmbutton->addTouchEventListener( CC_CALLBACK_2( MainMenu::Confirm, this ) );

void MainMenu::Confirm( Ref *sender, cocos2d::ui::Widget::TouchEventType type )
{
    switch ( type )
    {
        case cocos2d::ui::Widget::TouchEventType::BEGAN:
            
            break;
            
        case cocos2d::ui::Widget::TouchEventType::MOVED:

            break;
            
        case cocos2d::ui::Widget::TouchEventType::ENDED:
        
            break;
            
        case cocos2d::ui::Widget::TouchEventType::CANCELED:
            
            break;
            
        default:
            break;
    }
}

//Header
void Confirm( Ref *sender, cocos2d::ui::Widget::TouchEventType type );

This works up until giving the button a touch event listener.

How have you declared confirmButton?

Under Public in Header:

void Confirm( Ref *sender, cocos2d::ui::Widget::TouchEventType type );

So to recap

CPP

confirmbutton = ( cocos2d::ui::Button * )rootNode->getChildByTag( 25 );
//This touch event listener is what crashes the app.
confirmbutton->addTouchEventListener( CC_CALLBACK_2( MainMenu::Confirm, this ) );


void MainMenu::Confirm( Ref *sender, cocos2d::ui::Widget::TouchEventType type )
{
    switch ( type )
    {
        case cocos2d::ui::Widget::TouchEventType::BEGAN:
            
            break;
            
        case cocos2d::ui::Widget::TouchEventType::MOVED:

            break;
            
        case cocos2d::ui::Widget::TouchEventType::ENDED:
        panel->setVisible( false );
            break;
            
        case cocos2d::ui::Widget::TouchEventType::CANCELED:
            
            break;
            
        default:
            break;
    }
}

Header

void Confirm( Ref *sender, cocos2d::ui::Widget::TouchEventType type );

private:
cocos2d::ui::Button * confirmbutton;

and this sort of setup works just fine with regular buttons but doesnt seem to work when the button is inside of a panel?

Try getting the panel instead of the button then get the child from the panel.

So I get the panel by its tag and then get child by tag?

panel = ( cocos2d::ui::Layout * )rootNode->getChildByTag( 20 );
    confirmbutton->getChildByTag(25);
    cancelbutton->getChildByTag(26);

confirmbutton = panel->getChildByTag(25);

try that

I got an error, Invalid converison from ‘cocos2d::Node*’ to ‘cococs2d::ui::Button*’ [-fpermissive]

Im assuming because im still using touch event listener actions

//Confirm
void MainMenu::Confirm( Ref *sender, cocos2d::ui::Widget::TouchEventType type )
{
    switch ( type )
    {
        case cocos2d::ui::Widget::TouchEventType::BEGAN:
            
            break;
            
        case cocos2d::ui::Widget::TouchEventType::MOVED:

            break;
            
        case cocos2d::ui::Widget::TouchEventType::ENDED:
        //hide panel
        panel->setVisible( false );
            break;
            
        case cocos2d::ui::Widget::TouchEventType::CANCELED:
            
            break;
            
        default:
            break;
    }
}

In my Header i have the following under private:

    cocos2d::ui::Button * confirmbutton;

That might also play a role in this issue

Could do, remove it or change the name.

So I cant remove it or else then I get ‘confirmbutton’ was not declared in this scope.

Ive tried changing it to the following with no luck. The error is usually an invalid conversion from ‘cocos2d::Node’ to ‘cocos2d::ui::Button’ or that Node doesnt contain Button

//From "cocos2d::ui::Button * confirmbutton;"
//to

cocos2d::ui::Layout * confirmbutton;

cocos2d::ui::Layout::Button * confirmbutton;

cocos2d::ui::Button * confirmbutton;

cocos2d::ui::Node * confirmbutton;

cocos2d::ui::Node::Button * confirmbutton;

cocos2d::Button * confirmbutton;

cocos2d::Layout * confirmbutton;

Could you show us the button code for converting it.

CPP
    panel = ( cocos2d::ui::Layout * )rootNode->getChildByTag( 20 );
    confirmbutton = panel->getChildByTag(25);
    confirmbutton->addTouchEventListener(CC_CALLBACK_2(MainMenu::touchEventConfirm, this));

void MainMenu::touchEventConfirm( Ref *sender, cocos2d::ui::Widget::TouchEventType type )
{
    switch ( type )
    {
        case cocos2d::ui::Widget::TouchEventType::BEGAN:
            
            break;
            
        case cocos2d::ui::Widget::TouchEventType::MOVED:

            break;
            
        case cocos2d::ui::Widget::TouchEventType::ENDED:
        //show panel
        panel->setVisible( false );
            break;
            
        case cocos2d::ui::Widget::TouchEventType::CANCELED:
            
            break;
            
        default:
            break;
    }
}

Try changing this

 confirmbutton = panel->getChildByTag(25);

to

 confirmbutton = (cocos2d::ui::Button *)panel->getChildByTag(25);

Perfect! Thanks again

Your very welcome :D