item.show(), item.hide() not working?

John like many others

Hello

I'm working with Apex 19.2 and I would like to simply show/hide page items (in Javascript). While setting a value in the item show() and hide() seems not to work:

apex.item( "P31_MESSAGE" ).setValue('this works');

-> Works

// Show a page item that is of type "Hidden"

apex.item( "P31_MESSAGE" ).show();

-> Item won't be shown

// Hide a page item that is of type "Text Field" or "Display only"

apex.item( "P1_MESSAGE" ).hide();

-> Item won't be hidden

What am I doing wrong? This should be fairly simple...

jariola

Can you reproduce issue on apex.oracle.com or give details where and how you call that function?

John like many others

Hi

I am calling the show(), hide() functions (described above by clicking a button:

Event: Click Dynamic Action

The button and the P31_MESSAGE item are inside a "Static Content" (Type) and shown as "Inline Dialog" (Position). As it's possible to set a value the item is accessible.

John like many others

Ok, had a typo on hide()... So hide() works on visible Text FIelds/Display Only.... show() does not work on Items of type "Hidden".

Workaround: Set item type to f.e. Display only or Text FIelds and the Template to "hidden". Odd here: Even tough it's hidden it's consuming space...

Another workaround:

1. Create an item of type Text FIeld or Display Only
2. Use hide() on it while page is loaded
3. show() it when is needed

jariola

Or you can use dynamic action Show and Hide that affect also item label

Neil Clare

Item type Hidden essentially means always hidden. It doesn't include the necessary HTML to display it.

The correct solution, as you have said is to create items as text or display only and then hide or show as required.