ionic framework fixed header with left menu with child view with back button - ionic-framework

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

Related

Changing screen contents by clicking a specific tab

I am using a TabBar in the middle of my screen, there are 4 tabs. I want to change the content above the tabbar when I click on the 3rd tab.
for the first 2 tabs I want to show a text with a searchbar and when I click the 3rd or 4th tab I want to replace the text and the searchbar to another text and a row of Weekdays.
This is the content I am showing (currently) for all the tabs
This is what I want to show when I click the "To Do" or the "Blog" tab
As I am new to Flutter, I have been working for months with the frontend and haven't faced such an issue. so I haven't tried anything.
Here is the main screen where I am displaying the Text and the SearchBar, works fine for the first 2 tabs but I want to change the text and the Searchbar when for the rest of 2 tabs (To Do & Blogs tabs)
This is the TabBar with the Tabs.

How to detect page removal and show confirmation dialog before page remove from the stack in flutter

I want to show confirmation dialog on page removal if user say yes then pop the page or else user stay in same page.
I have bottom navigation bar and on press on any icon it will take the user to respective page but I want to notify the user on leaving the page
Thank you.

Ionic3 Tab bar is not clickable after use of Keyboard

I have a huge problem. I am having a Login Page with two Input Fields and I have a tab bar with five Pages. The first page has a header with an image.
If I login and push the Tabbar page, the image in my header will hide after a second and the tab bar is not clickable anymore.
I have an image above the twi Input fields on my Login Page. If i remove the image (the input fields are online) it works. If i remove the inputs (image above is online) it works..
I have no idea what to do. I hate ionic. I think it is very very sad and stupid to work with it.

How to rerender the accordion layout after inserting new element from external window

a following scenario:
1. A window with some tabs.
2. In one tab there is accordion layout and the button "Add".
3. After selecting the button "Add" a new window with a a form appears.
4. The user fills the form and select the button "Save".
5. The window with the form disappears, system adds a new record in the database with data from the form.
6. The tab re-renders the accordion layout showing old elements and the new one.
The problem is that the point 6 doesn't work. The all elements are collapsed and clicking on the title bar of any element doesn't expand the accordion. Additionally the title bars of accordions are shorter than at the first rendering.
Any help?
Regards,
Jacek

Scrolling issues with Facebook Requests dialog

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