Find element in a page having multiple tabs - element

I have a website having a page containing multiple tabs
each tab is identified by cdk-step-content-0-1, cdk-step-content-0-2 and so on
please suggest me a good tutorial to create element by my own using hierarchy of pages and tabs

const element = document.getElementById("cdk-step-content-0-1")
The variable element will contain tab element.
You can find the parent or tabs wrapper element with element.parentElement.

Related

TYPO3: subpages menu: filter by category?

in TYPO3 there is a content element: a menu that displays subpages. Now I want to have some kind of filter function: the user should be able to select a TYPO3 system category and then the menu should only display subpages that belong to this category.
Is there an extension that I can use for a lookup or as a base to achieve my goal?
There is a content element type "Categorized Pages" that does exactly that.
If you need it to react to a user input coming form the frontend, you can easily add some lines of TypoScript to modify the rendering of that element so that it will consume a GET parameter to configure itself.

Is there a way to add input field in nav element using React FluentUI (#fluentui/react)?

The examples on website show many examples of navbars with links.
Image of navbar demo as shown on website.
I want to implement a search bar inside the nav element like this. Is there a way to do it?
I would try with OnRenderLink or linkAs methods.
onRenderLink:
Used to customize how content inside the link tag is rendered
linkAs: Render a custom link in place of
the normal one. This replaces the entire button rather than simply
button content
Source: INavProps interface https://developer.microsoft.com/en-us/fluentui#/controls/web/nav

i used jasperreport list element,if the list contains two element,exported pdf will have a blank page

Apologize for my Chinese English.
i made a demo.
the list contains 3 data and can show in one page.
if i design template like this, it will show in one page.
show in one page
if i design template like this.it will show in two pages,
and the second page is blank.the height of detail band is same as paper's height.
show in two pages
i found the answer after searched with google for a long time.
i thinked i used list element in a wrong way.
properties of jasperreports list element have settings of cell height and cell width.i set the properity to be equal to the size of jasperreports list element first and it go wrong.
settings of jasperreports list element
this is the website i found answer.
https://community.jaspersoft.com/questions/541989/print-horizontal-list

Equivalent of sectionIndex in Neos

In TYPO3, if I need to create a menu for the different elements inside a page, I use the sectionIndex property. With Neos, how can I build a navigation for the elements inside a page?
I don't think you can, right out of the box.
That would require all elements on the page that you want to link to to have an ID attribute. In TYPO3 CMS all of the elements rendered with css_styled_content had one.
However there are multiple ways to do it with custom content elements. Like creating a section wrapper element with title and anchor id, wrap every section in such element and then create a custom content element that will look-up all of your section wrappers and make a list of anchor links pointing to sections.

Use the sitemap content element to load content of the referenced pages

I use the sitemap content element so that the editor can explicitly reference to individual pages in my page tree. Of course those pages do contain content elements (Textpic, Media, all the good stuff...) in their "normal" section. I need advice on how to modify the sitemap content element that it will output the content of the referenced pages.
I know there is already a plugin called "kb_sitemap" which basicaley does this job... but it does not handle the output of images or media (flash-, quicktime movies..) elements which is absolute necessary. The rendering relevant stuff is handled by Css Styled Content (CSC) which is necassary for me because it renders the media content element.
Do you use templavoila ?
Ok, go to page properties -> General tab (bottom part of the tab) and then you'll find all containers that possibly contain CEs, click to the lil folder icon and you may select content elements from any other page.
EDIT: added screenshot, page properties...
Note, showcase, maincontent, right content are just my names for my TV elements, could of course be name differently.