Menu Links not working in Mobiles/Tablets - javascript

I have a AngularJS application which has a left to right menu slider of bootstap.
The problem is on clicking the links in the menu,page is not navigated.
This problem only occurs in every Mobile and Tab device not Laptops/Desktop.
On clicking the menu item,page should navigate and the menu should go inside right to left slider,but only the menu goes in.
I know the click event is workig as the menu goes in on a click event.
What could be the issue.
I tried the z-index, to check if other part of the pages are overalaping with menu but it doesnt make any diference.

Bootstrap Javascript components will never work with Angular JS views
because the views in Angular loads via HTTP request which mean when bootstrap javascript fires there is no DOM element to attach event listener
The solution is to use Angular Bootstrap
https://angular-ui.github.io/bootstrap/
all component is Angular directives so it fire after views loading

Related

Admin LTE Submenus not remaining open on click

I have incorporated AdminLTE template for my Visual Basic Project. I want the same effect which has been used for the demo:
https://almsaeedstudio.com/themes/AdminLTE/index.html , i.e when you click on sub menu in the Tree view drop down the targeted page open but the Tree view stays open and shows which page is active. Which is not happening in my case, when I click on the sub menu, it takes me to the targeted page, but the Tree view closes automatically.
Please help.
On the menus, the active class set according to the route and you need to put active conditions manually according to each route.

Kendo Panel Bar not working for alternative load of the panel

I have a requirement where i have to show a popup on click of a button and in the popup i have to show 2 panels. But on alternate click of the button when the popup appears, nothing happens on clicking the panel. I had faced a similar type of issue where a grid was not loading properly on alternate click of the tab where it was present. I just emptied the grid using $("#GridId").empty before every load and it worked. But i don't understand how to implement that concept in case of panel. I am using Kendo panels and grids. I am setting the panel items using <ul> <li> tags. It's working when i give expandMode: "single" for the panel bar but my requirement is to show all the panel dropdowns. Can someone help resolve this issue?
I solved the issue by adding this line $("#Gridname").kendoPanelBar() in the $(document).ready function of the js file

Is possible to trigger context.js context menu on mouse left click

I have context menu in my ASP.NET MVC 4 application. I implement a context menu using context.js.
Every thing works fine.
But i need to trigger this context menu on left click. is there any
option to change trigger position in context.js. I already found many other context menus
with this left trigger option. But all the context menus are different style from bootstrap.
So i need to add this options in this context.js. Or If any other bootstrap supported
context menu exists.
You can try this
jQuery context menu plugin
This plugin can be used for left click as well.

Android fastclick issue

I have two different pages with a clickable element
located on the same position. On the first page there is
a menu button which will open up if a user clicks on it and
on the second one, in the exact same position there is a back
button which will redirect the user to the first page.
Now to the problem; whenever a user clicks the back
button on the second page he will be redirected to the
first page which is intended, but it will also open
up the menu automatically which it shouldn't do.
I am building an app with PhoneGap where i am utilizing
the fastclick library in order to eliminate the 300ms click
delay. If the fastclick library isn't used, the
application works as expected but then it wont feel as responsive.
The fastclick library works perfectly under iOS environment.
What could be causing this undesirable effect?
I think the problem is more because the click on loaded on a mouse event and not a touch event that you are experiencing this issue. Can you try loading the event handler on a touch event instead ?

How can I show the list of of a dropdown in html?

I am developing an HTML based android app.
I need to implement option menu like the native android menu on long screen tap.
I thought to use invisible elements (positioned out of the viewable area), and cause showing the list by firing the click event.
Not working...
Any workaround?

Categories