I have card div with a button. when I click this button it should dropdown a menu. I want to make auto scroll to menu view when clicking this button, but I want to achieve that only on mobile phone not on desktop. is that possible?
Have you tried window.scrollTo()?
Related
I have 4 icon buttons and when i click on one ,it menu should expand and when I click on the 2nd button previous menu should collapse and new menu should open at same time.I am using react js.Please suggest how i can achieve this
I created a list using table layout which contains checkbox and message.The list is scroll-able . When i scroll down everything works fine,Where as when i check the check box and scroll down the toolbar side menu is expanding.
My requirement is to open the toolbar sidemenu only on the sidemenu toogle button click other than any click on the screen side menu should be in close mode.
Using TestStack.White I'm trying to click a menu item in the MahApps Hamburger Menu. For example, if I grab any example from their documentation, I'm able to capture a "HamburgerMenuIconItem" from TestStack like this:
var item = window.Get(SearchCriteria.ByAutomationId("Test")).GetParent<UIItem>();
Which looks correct with the "HamburgerMenuIconItem" name, and properties like the text and icon. But clicking it does nothing...
I've tried to put in a Button - either to wrap the text / label, or the icon, but that messes up the Command functionality of the menu item if there is a view declared in the Tag (what I probably need).
Any ideas on how I can click a MahApps menu item in a TestStack.White UI test?
I have just started learning AngularJS and have created a header using md-toolbar. I have 3 buttons (Home, About and Enquiries) Each button has a tooltip that displays when hovered over. The 'Enquiries' button opens a sidenav. However, when I close the sidenav the 'Enquiries' button tooltip redisplays and does not fadeout. If I move the sidenav function call to the 'About' button, the same thing happens. It looks like the button that opened the sidenav will have it's tooltip redisplayed when the sidenav that it opened is closed. Any ideas on a solution please?
I have a situation where I roll over a row in a grid, I want to display a menu. I put the menu in a tooltip. But can't click on a menu unless I make the tooltip closable. If I make the tooltip closable, I can't provide the use the autohide functionality and I have to click to close the tooltip. Is there any way to mouseover rows in a grid, show a tooltip that includes clickable items and then have the tooltip goaway when you scroll off of it?
you may need extend your own component from tooltip.