Dropdown containers are displayed by default when page is on loading - javascript

Hello,
I have this project built with asp net and vue, and those dropdown components are in some cshtml files. The problem is that even if I have v-if on every dropdown container and it should be displayed only if I click a specific button, I see all of them when page is on loading. Any suggestions?

Related

I want to use javascript on my asp.net master page

I'm creating a new asp.net web form with master page & I've created a simple side nav bar using html css and js to use for my admin dashboard and it's working fine
But,
When I'm converting this site to a master page to use this layout for my admin dashboard page it's not allowing me to use my js with it and when I'm clicking on the hamburger Icon to open the menu it's not working and when I went to console menu to see what's the wrong it showed the following error
and from what I can understand this error means my master page is not able to read the JavaSript I've written to open the menu on click event.
How can I use JS in my master page for its layout?
I was expecting to open the menu normally but it is not opening.

Dropdown button not working on some pages

We built our website using Adobe Muse, which has since become obsolete, but since beginning to manually amend the code outside of Adobe Muse, the dropdown button on our navbar has decided to stop working on some pages.
Please see the 'Depots' button on the below URL:
https://stc-uk.com/dropdown.html
When hovering, a list of our depots is displayed.
The same code is present on the below page, but the button doesn't do anything when hovering:
https://stc-uk.com/stc.html
We have tried to copy and paste the code but this doesn't work.
It's not a simple html/css dropdown button, as we generated the button through an Adobe Muse widget. We've tried to re-create the button just using html/css but it doesn't fit in correctly.

Nativescript TabView Loads only Once

I'm trying to build an Android & iOS app using Nativescript core (Javascript). Here in app-root.xml I've a tabview in which I've 3 tabs. Each of the tabs data are related with one another. Example in first tab I show a list of products with 'Favourite' option for each items, if I favourite a product it should show in the second tab. But in my app since the Tabs are loaded while the app is opened the changes are not reflecting when the tabs are selected. But If I close and open the application the changes are shown in the Tabs. Please tell me How I could re-load the tab each and every time when it is selected.
Thanks in advance. Apologies for my poor language.
Generally with web apps you will have a single container and a tab like view above / below container, tapping on specific tab will load correspondent tab item within the container.
But with mobile apps the TabView component loads all tabs on its own container, so it won't have to reload tab when you switch between tabs. That's totally the expected behaviour.
You may use services / BehaviorSubject etc., to hold the dependent data, so when you change it form one tab, the other tab gets updated too.

Slidemenu won't load the first time in JQuery Mobile App

I have a Jquery Mobile app with a slidemenu in the global page, and it appears with the press of a button or a swipe on the screen, facebook style. My problem is that the first time the app loads, the menu never pops out, even if you press the button a thousand times. You have to refresh the page and then in works in all the pages of the app for the lifetime of the session. If you logout and enter again, you need to refresh.
You can see a example here: http://cic-team.no-ip.biz:9090/apex/f?p=112:2 User: Demo Passw: 1234abc
The menu it's in an "After Header" region as a "List: Menu" type with this custom template: http://i236.photobucket.com/albums/ff289/Best1989/template.png
The button has the following attributes:
data-slidemenu="#slidemenu" data-slideopen="false" style="margin-left:0px !important;"
Maybe the Javascript or the CSS are not loading correctly the first time, but inserting the menu in other region has not worked for me. I'll gladly read your suggestions and comments.
I'm using Apex 4.2.0.
Thanks in advance.
With some research I found the answer to my question, please check this:
http://www.gajotres.net/how-jquery-mobile-page-handling-affects-javascript-executions/
The problem was that I wasn't loading the menu classes at the Login page (which is the first of all) and when you actually got to the page where the button and menu is displayed, it didn't load the classes.
Solved the problem loading the components in the first page but keeping them hidden.

AngularJS : dialog as ng view

Assuming we have a single page with full screen background and couple of links on the top of the page.
I know how to load partial html pages in a container using angularjs and routing configuration but now the scenario is a bit different.
I'm looking for a way that each time user clicks on the application'link load the content in the modal dialog.User able to close the dialog but if user clicks link or changes routing the appropriate content to be load and show in the dialog.
My point is not just showing the dialog using angular.For example I want to if user changes the route to www.sitename.com/#about web-application loads about in the dialog and show it.
Is it possible?

Categories