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; } } }

Need to create dynamic number of images in masterpage header

anitaV

Hi All,
 
I need to create images in masterpage header section but number of images are not constant. They are depending on the values in dataset.
 
Can you please help me on creating dynamic number of images in header?

Find more posts tagged with

Comments

anitaV

Any help will be appreciable, please help on this.

Clement Wong

Can you please provide an example of the use case?
 
For example, you'll need to query # of customers and for those # of customers, you'll need to display each of their logos in the header?

anitaV

Hi Wong,
 
First of all Thank a lot for the reply. Use case is as given.
 
I am creating report for a requisition. For some requisition there can be 5 number of accession images and for some there can be 3 and for some of the requisitions there can be 0. I need to display the images as per the data, please help on how can we implement it.

Clement Wong

Sorry, I am not familiar with requisition reports and accession images so I don't know the specifics of formatting, etc...
 
But I have created a sample report that reads a value from the database, and dynamically creates that # of images in the header of the master page. The magic happens in the beforeFactory event.

anitaV

Thanks Wong...
 
This is really helpful... But I am little new in Birt and I had not used scripting very much.
 
As far as I understand, you are creating data set through script in the example file. I am creating data source through RestAPI. Can you please give an example with rest api data source.

Clement Wong

Oh, you didn't specify via REST API. That's easier. For my latest attached example, I'm assuming it's JSON returned. I am using a sample JSON and looking at one of the returned values to generate the # of images based on that value.
 
You'll see in the beforeFactory, we are using reading the results from the sample REST API into a JSON object.
 
If you want to test with different # of images, you can comment/uncomment to use one of these lines:
 
//Let's see how many records we bring back. This sample has 3 records. 
// 
theCount = json.Localities.length; 
// 
//For testing, this one has 1 record 
////theCount = json.NumberOfSeats; 
// 
//For testing, this one has 5 records 
////theCount = json.Locality[1].Candidates[4].Votes; 

 
I'm combining the technique I use in my DevShare (<a data-ipb='nomediaparse' href='http://developer.actuate.com/community/forum/index.php?/files/file/1128-querying-elasticsearch-with-birt-using-a-scripted-data-set/'>http://developer.actuate.com/community/forum/index.php?/files/file/1128-querying-elasticsearch-with-birt-using-a-scripted-data-set/</a>) with the previous example.
 
If you are using BIRT 4.5.0, it has built-in JSON support so you don't need the helper JavaScript file, "json.js", in the root of your project folder. The difference between the two designs in the ZIP is that the one for pre-BIRT 4.5.0, there is an external Resources reference to "json.js", and the one for 4.5.0 does not have it. If you don't have it in pre-BIRT 4.5.0, when attempting to run the report, you will see an error like ... ReferenceError: "JSON" is not defined.
 
And, BTW, my first name is Clement, and not Wong.

anitaV

Hi Clement, 
 
Thanks for the reply.. this is really very helpful and solved my problem.
 
Can you please tell me one more thing here. In place of using URL for JSON, can't we use our data source 'HttpRequest' URL here?
 
Also sorry for calling you Wong..

Clement Wong

Yes, you should be able to use your data source URL although I'm not sure what that is and what format it is returning.