AnsweredAssumed Answered

Hide Choice Control option programmatically

Question asked by themos on Jun 7, 2016
Latest reply on Jun 10, 2016 by themos

Hey guys,

 

I'm using a button-rendered Choice control to create a Navigation Menu, like so:

 

I also used CSS to format the selected/unselected buttons using the predefined classes:

.Navigation .ui-state-default {

.Navigation .ui-state-active {

 

My question is, is there a way to use Javascript to programmatically hide one of the options in the Navigation Menu?

I tried using the following:

var pageToHide = 'Test Key Code Validation';

if (ActivePage.val() != pageToHide) {

    HideFromNavigation(pageToHide);

}

and the function:

function HideFromNavigation(pageName) {

    Navigation.find('input[value=\'' + pageName + '\']').prop('visible', false).change();

}

 

But no matter what I do, the specific input choice is not hidden!

I can't even seem to be able to change its CSS, e.g. use .css('border', '3px solid red');

 

Any ideas?!

Outcomes