When I click on the marked location on my website page it will show pop up
I want the pop-up fixed when on the left side
This is my page https://lebalcondecerdagne.fr/catalog-map/ where I want to move the pop-up on the fixed-left position
Related
I am new to ionic framework. I have a requirement where I have login page. Once user has successfully logged in I have to show view with header bar with menu but to on left (clicking on menu shows left menu bar with navigation links). The header bar will always have fixed text I.e. Company name. Below that I have to show view ex. Search text box. Once user clicks on search button user would be redirected to results page. This page will have search results with back button above search result. Be informed this page will also have header with menu button and company name.
To summarize - fixed header with left menu and fixed label. Child view will have optional back button below header
I have some nodes in the content of a scrollPane.
With nodes mouse pressing , a popup is shown and is positioned in the required X and Y.
Well , when scrolling , the popup is always fixed , as it is positioned according to the scene.
Is it possible to show the popup inside the scrollPane , so when scrolling , the popup scrolls too .
Yes, it is possible for the pop-up location to track the scroll position of the scroll pane. I am not going to write the code for that here.
One consideration you will have is what to do with the pop-up if the user scrolls such that the pop-up ends up outside the visible region of the scroll pane (I'm guessing the pop-up would then be hidden and cease tracking the scroll pane location).
Do consider your design and decide if you really need a pop-up or not, or if you can just place a node in the group that maintains the content for the scroll pane. Because, if you did that rather than using a pop-up, then the scroll pane would automatically scroll the node in the group as it scrolled around the group.
I've got a standard slide box setup :
<ion-slide-box >
<ion-slide >
< some text and a button with ng-click="go('/a-new-html-page')">
</ion-slide >
<ion-slide >
< some more text and another button with ng-click="go('/another-new-html-page')>
</ion-slide >
</ion-slide-box >
When I use my app, I slide to the second box and click the button to be sent to another-new-html-page. This is an options page with a list of check box options.The things I tick here will be shown back in list on the second the second slide box on my starting page - so I tick one or more options and click the back button...
.. and that where I get stuck. I have returned to back to the main screen of my app but at the FIRST slide box. You have to slide along to the second box to see those changes which of course is not very user friendly.
Is there a way to return back to the FIRST slide box if i hit back from the "a-new-html-page" and the SECOND slide box if I hit back from the "another-new-html-page"
I'm very new to Ionic and probably making all kinds of "school boy" errors so any help would be greatly appreciated!
I'm working on a GWT application that has the following layout:
- on top there's Menu Bar
- below that screen is separated into two panel by Split Layout Panel
When user clicks on a label in Menu Bar relevant information is show below in the left part of the screen. Then user clicks on an action item on that left part of the screen, and relevant information on that action item is displayed on the right part of the screen.
Clicking on an action item on the right part of the screen may also change relevant information on left part of the screen.
I want to extend on this by giving a possibility to drag/drop the panel on the right part of the screen to another browser tab/window. After that the right and left part of the screen should remain connected as if they are in the same browser tab/window.
Also, that new tab/window should only display that right panel, while Menu Bar and left panel, along with Split Layout Panel should not be present (this is less important but it would be great if it can be done).
Another important thing is that current visual representation of application is not changed but only extended with this functionality.
Is that something that can be done and if it is how to do it?
Thank you for your help.
I think you would have to use "HTML5" native drag and drop to drag between browser instances, so that would limit browser support. Both tabs would already have to have your code loaded into them so they could respond to these events.
If you have a server back end (not just static HTML/JS) then you could communicate via the server. Otherwise maybe "HTML5" client side storage to store blobs of data describing the panel contents. Probably easier re-render in the new browser/tab.
I am trying to call new Requests Dialog from an iframe facebook application by clicking a button located at the bottom of a page (you need to scroll to get there).
This is what happens when you click the button:
Temporary dialog with a progress bar is displayed in the middle of visible screen
Page is getting automatically scrolled to the top
Actual dialog appears in place of that temp loading dialog at the bottom of the page, so it is not visible
Is there a way to make it either not scroll to the top automatically or at least display the final dialog at the top as well so it can be seen?
it's a bug: http://bugs.developers.facebook.net/show_bug.cgi?id=15440