nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

hide and show the replicants items

SathyaNBhat

Hello,

my xml is as follows,

ruleset name="navigation"
root-container name="Navigation" location="Navigation"
container combination="and" name="section" location="section" min="1" max="7"

item name="section_title" pathid="@section_title"
text required="t"
/item

item name="section_type" pathid="@section_type"

select required="t"
option label="==Please Select==" selected="t" value="" ==Please Select== /option
option label="Who We Are" value="who-we-are" Who We Are /option
option label="Our Product" value="product" Our Product /option
option label="Buying" value="buying" Buying /option
option label="Contact Us" value="contact-us" Contact Us /option
option label="Community" value="community" Community /option
option label="Media Center" value="media-center" Media Center /option
option label="Free Form" value="free-form" Free Form /option
/select
/item

container name="internal_link" location="internal_link" min="1" max="unbounded"

item name="link_param" pathid="@link_param"
text required="f" validation-regex="[a-z0-9-]+"
/item
item name="link_image" pathid="@link_image"
browser required="f"
initial-dir="/resources/images"
ceiling-dir="/resources/images"
extns=".jpg,.jpeg,.png,.gif"
/item
item name="link_category" pathid="@link_category"
browser required="f"
initial-dir="/resources/images"
ceiling-dir="/resources/images"
extns=".jpg,.jpeg,.png,.gif"
/item

/container
/container

/root-container
script

function init() {

var item;
var i = 0, j = 0;
for (i= 1; i < 10; i++){

item = IWDatacapture.getItem("/Navigation/section["+i+"]/section_type");

if (item != null){

displayList(item );

}
}
}

IWEventRegistry.addFormHandler("onFormInit", init);
IWEventRegistry.addItemHandler("/Navigation/section/section_type", "onItemChange",displayList);

function displayList(item) {
var label2 = item.getOptions()[item.getValue()].text;
var basename = item.getName();
var param = IWDatacapture.getItem(basename + "/../internal_link/link_param");

var category = IWDatacapture.getItem(basename + "/../internal_link/link_category");
if (label2 == "Buying") {
param.setVisible(false);
category.setVisible(true);
}
else {
param.setVisible(true);
category.setVisible(false);
}

}

/script

/ruleset

here my query is to when i am changing the value of option on top level container the some of replicants items are visible or enable. depending upon the option that i will select.
point is it should applied to all the replicants.

For example;

when i am selecting "Buying" value from select option;
---->> link_image item goes to visible(false)
when i am selecting "Who We Are" value from select option;
---->> link_category item goes to visible(false)

Find more posts tagged with

Comments

SathyaNBhat

please try out to help me

Rick Poulin

please try out to help me

I see you're new, so please realize that the traffic on this forum isn't what you'd expect out there on the internet. There's only about 8 new posts/day, and there's only a handful of people regularly helping out here, so most of us only check once per day at maximum. You'll have to expect to wait a whole lot longer than 2 hours next time.

when i am selecting "Buying" value from select option;
---->> link_image item goes to visible(false)
when i am selecting "Who We Are" value from select option;
---->> link_category item goes to visible(false)

Had a hard time reading your code the way it's formatted, but it generally looks like you're headed in the right direction. What's the actual question? Does your code not work? Is there a Javascript exception? Do the link items not resolve?

Adam Stoller

To add to Rick's response - if you don't know how to properly format your code to make it visible correctly in the forum (please use Preview Post to verify before submitting the post) - then put the code into a file with a .txt extension and use Manage Attachments to include it with your post so that others can more easily read the code to try to help you figure out how to overcome the problem you are having.

SathyaNBhat

thanks, sorry i am the first time questioning to devnet.

Rick Poulin

thanks, sorry i am the first time questioning to devnet.

Looks like you missed it, but you still haven't told us what your actual question is, or what if anything is broken with your code.

SathyaNBhat

hello

i have my xml like

container combination="and" name="section" location="section" min="1" max="7"

item name="section_title" pathid="@section_title"
text required="t"
/item

item name="section_type" pathid="@section_type"

select required="t"
option label="==Please Select==" selected="t" value="" ==Please Select== /option
option label="Who We Are" value="who-we-are" Who We Are /option
option label="Our Product" value="product" Our Product /option
option label="Buying" value="buying" Buying /option
option label="Contact Us" value="contact-us" Contact Us /option
option label="Community" value="community" Community /option
option label="Media Center" value="media-center" Media Center /option
option label="Free Form" value="free-form" Free Form /option
/select
/item

container name="internal_link" location="internal_link" min="1" max="unbounded"

item name="link_param" pathid="@link_param"
text required="f" validation-regex="[a-z0-9-]+"
/item
item name="link_image" pathid="@link_image"
browser required="f"
initial-dir="/resources/images"
ceiling-dir="/resources/images"
extns=".jpg,.jpeg,.png,.gif"
/item
item name="link_category" pathid="@link_category"
browser required="f"
initial-dir="/resources/images"
ceiling-dir="/resources/images"
extns=".jpg,.jpeg,.png,.gif"
/item

/container
/container

my top level container have a select option, while 'onItemChange' the inner container some of the items should be visible and some of the items are invisible.

for example, while i am selecting free-form value from option, the category should be visible(true). reaming all items are visible(false) and Vs for all option values.The point is i want the visibility(true-false) functionality for all inner conatiner(inner_link) repliecants. Hope you got my question.

Rick Poulin

my top level container have a select option, while 'onItemChange' the inner container some of the items should be visible and some of the items are invisible.

for example, while i am selecting free-form value from option, the category should be visible(true). reaming all items are visible(false) and Vs for all option values.The point is i want the visibility(true-false) functionality for all inner conatiner(inner_link) repliecants. Hope you got my question.

If I got that right, the piece you're missing is how to loop through all inner replicant instances. See below.

[PHP]
IWEventRegistry.addItemHandler("/Navigation/section/section_type", "onItemChange",displayList);

function displayList(item) {
var label2 = item.getOptions()[item.getValue()].text;

// get reference to inner replicant container
var repContainer = IWDatacapture.getItem(item.getName() + "/../internal_link");
var repInstances = repContainer.getChildren();

// option 1
for (var repInstance in repInstances) {
var category = repInstance.getChildByName("link_category");
// etc..
}

// option 2
for (var i=1; i<=repInstances.length; i++) {
// "container[]" notation is 1-indexed
var category = IWDatacapture.getItem(repContainer.getName() + "[" + i + "]/link_category");
// etc..
}
}
[/PHP]

CalendarReport with Multi-Day Events Year v2_OS BIRT__cwong.rptdesign

SathyaNBhat

thanx, i understand the flow...