OpenCity | This is a repository for our game OpenCity | Game Engine library

Hi I am trying to open modal page on page load in angular 13 I am using ElementRef to click a button on page load but I'm getting Property 'openCity' has no initializer and is not definitely assigned in the constructor. please help me to fix this issue.

app.component.ts

I am trying to make a model that shows up on the screen when a condition is met (An Ad-Blocker in my case). The model mostly works.

The two things I cannot figure out or fix are...

1. When the box firsts shows up on the page, all the boxes are lined up below it (Run the code or see the image below to see what I mean), however, the issue is fixed after a tab is selected.
2. If there is additional text or content on the page, the box is pushed below all of it. Despite having the z-index setup, it does not show in front of all other content as I want (I think it has something to do with the way the JS calls the function, see image for details).

*** Please note that the below code requires an adblocker to be turned on to work ***

I want to create multi-tab boxes in one page.

I have created multi-tab boxes using Javascript but here I use Two functions ()

What I want: I want to Create multi-tabs boxes on one page using one javascript function().

Problem If I create one Javascript function: If I select Second One Tab of box2 so it also selects Paris which I don't want I want.

So I have 3 tabs set up pretty much exactly like this - https://www.w3schools.com/howto/howto_js_tabs.asp - but the content under each tab is a different video (HTML). My problem is that after changing tabs, the video/audio from the previous tab continues to play - unless I pause the video prior to switching tabs. I've tried a few of the different solutions I've seen for problems similar to this, but still can't find a solution that works on my page.

Here is the HTML I have -

I am creating a new layout to learn about flex, some kind of holy grail but in flex. The problem I am facing is with the tabs nav, because I want the layout to work fine in PC and mobile I need the tabs to autoresize.

No scripts no plugins no complications, clean and simple CSS only.

I want the layout to display the tabs nav with a maximun of 1281 px width on PC and if the screen is smaller like on mobiles or tablets it will use the full with of small devices.

I am doing it this way:

I am totally new to SPFX WebPart Development.

I am trying to develop a Tab Web part - the HTML seems to render properly however the Javascript is not firing (maybe the way I am using is not proper).

Some help would be highly appreaciated.

Thanks in advance.

I am trying to create different overviews based on the content of the tabs. Market overview shows a general overview, which can be separated into Today and This Week, and OMXC25 is a market and another tab with more specific information.

The current setup doesn't close the tabs when opening another and opens the tables in the same overview. Code can be run and the example shows the above issue. Clicking Today and then This week should close the Today tab, but when clicking OMXC25 should close the Market Overview tab and show only the OMXC25 tab

To see the tabs in action feel free to check it out on the website: https://signal-invest.com/overview/ as you can see, the tabs do not close.

Below example has a tab called London with another tab in it called Paris. How can I open Paris without the London tab closing?

The example is directly from W3SCHOOL but modified a bit to fit my use case.