Bootstrap : trigger dropdown from toggled button - css

I have a responsive layout where the desktop view shows search, logo, login. In the xs/mobile view I would like the search and login to collapse into buttons. I can get this layout working just fine. The issue is that in the desktop view, I have a Search Options link that opens a popover with tabbed search forms. I'd like to still have that once you click the collapsed search button. My issue is that the popover is being created inside the tag instead of after it.
How can I set it up so that there is one div holding the search options that can be displayed from either the desktop view (search bar, Go button, search options link) as well as the mobile view (just a button with a search icon).
I am not tied to the popover- I just liked the look of it and I am not sure how to deal with the data-toggle as it currently is set to "collapse" and it seems I might need it to be able to also somehow be set to "dropdown."
Hopefully there is an easier/better way to do this!

Related

How to add context menu Xamarin.forms

I would like to create context menu in my project. On android it's called PopupMenu. On click of button, I have to show the popup with 3 rows and it's clickable event. How I can implement this in my code? Example of this menu here:
http://www.javatpoint.com/images/androidimages/popup2.png
The Xamarin.Forms way to handle this is to call DisplayActionSheet() on the Page.
It's not exactly a popup, but on the other hand it has better chances to be fully displayed and visible on screen if your view can scroll.

Bootstrap 3 modal popup disappear on button click

I used bootstrap 3 modal dialog for search function in my asp.net inventory application.When I press the search button on my modal content whole popup up dialog went disappeared.I want to lock the the modal dialog in my current page window.How can I resolve this using bootstrap.I tried putting data-backdrop: static.But it's still not work for me.
Try also passing the
{keyboard: false}
Option as well as data-backdrop: false. Technically speaking data-backdrop should be solving your problem. Is theres something that makes your project unique?

jQuery-ui-dialog - Dropdowns dont stay open

Using the dialog and adding different form elements.
My dropdowns will not stay open when you click the arrow button on the dialog. You can HOLD down the button, but the click just shows the options and then it disappears.
Anyone seen this?
http://jsfiddle.net/tvance929/7pvb6/ -- This is an example of what I doing in a small measure... however, unfortunately this isn't displaying the issue I am experiencing. I'm guessing it has something to do with the fact that I am ajax'ing in info to the dropdowns and or adding extra styling...

UINavigationController with UITableView in modal popup (on iPad)

Short Version:
"How do you get a simple UITable drill down UINavigationController-styled non-full-screen modal dialog on the iPad?"
Long version:
I have a very specific set of requirements that I can't seem to get working...
I have a functioning iPad program that that needs to pop up a non-full-screen modal view. This modal needs to have a navigation controller and a simple drill-down table that displays a detailed view that I can have edit some values related to the selected item in the table.
Of course I am looking to have the regular "Back" and "Delete" buttons in the Navigation Bar.
I can handle the detailed view, what I am having issues with:
Non-full-screen popup (mine is
always full screen no matter what I
try).
The Navigation controller will not display the Table View I tell it to and the navigation bar does not even have the title I assigned to it in IB.
I can't seem to get any of this working. If anyone has a step by step example of how to do this, that would be great,
~Eric
P.S. I am not afraid of doing this 100% programmatically, but all the examples I have been trying to follow (and failing at extending to my problem) use IB.
As for the fullscreen issue, you need to set modalPresentationStyle to UIModalPresentationFormSheet or UIModalPresentationPageSheet on the controller you want to present modally. I'm not sure of a way to do this through IB.
As for your navigation controller/table view, I think more information is needed to provide an answer.

What is the proper name for a multibutton?

I'm trying to design a UI in Qt and I can't find anywhere in the designer a button which can be "droped down" like combobox. What I mean by that is that I would like to have this button with his "default" option choosen so if I like it I would have to just click on it but if I would like to choose different option I would be able to clik the little arrow on the right side of this button and then pick option suitable for me at that moment.
You're looking for a QToolButton that has a set of actions or a menu set on it. From the documentation, the QToolButton::ToolButtonPopupMode...
Describes how a menu should be popped up for tool buttons that has a menu set or contains a list of actions.
Of it's values, the two that I see most frequently are DelayedPopup:
After pressing and holding the tool button down for a certain amount of time (the timeout is style dependant, see QStyle::SH_ToolButton_PopupDelay), the menu is displayed. A typical application example is the "back" button in some web browsers's tool bars. If the user clicks it, the browser simply browses back to the previous page. If the user presses and holds the button down for a while, the tool button shows a menu containing the current history list
And MenuButtonPopup:
In this mode the tool button displays a special arrow to indicate that a menu is present. The menu is displayed when the arrow part of the button is pressed.

Resources