Actually, I wanted to create a sidebar with 6 items, which show the content in a dropdown format.
For eg, if you click company, the content about company expands downwards, along with other five menu items. If you click any other item, the above one needs to close and this item should expand.
I want something like the sidebar in JsFiddle.net
Seems like what you are talking about is similar to jquery Ui's accordion:
Have a look at the link here to get you started: http://jqueryui.com/accordion/
Also don't forget to include jquery as well.http://jquery.com
Related
I want to achieve having a menu with 2 levels, and some should always be expanded - some shouldn't. Is there any way I can hand over a class or something, if possible set up in the backend, to be able to choose which menu links should be expanded?
For example:
Menu Link 1 with no subitems
Menu Link 2 with subitems expandable (sublinks only visible on click)
Menu Link 3 with subitems always expanded (sublinks always visible)
Sub link 1
Sub link 2
In general you need to add a class to the link or the litag so CSS or javascript can decide which parts are visible.
A similar question would be to have some submenus not rendered at all, but as you want these submenus to be visible on a click they must be rendered anyway. so it is only the question how to get this information into the rendered menu. it should be a flag which can change the visibility. that could be done with CSS and javascript.
You can sore this information in the pagesrecord, where you can use any otherwise unused field (example would be layout). The realisation depends on the way you generate the menu.
Meanwhile you have two options:
classic: with typoscript
fluid: menu-processor
With both options you can add classes to the menu-items, where the JS can work on.
I recently created a new category which should appear on my page. This category should have 3 Items which should be as well displayed directly on the main page. But instead my category is shown on the top page, but I have to select it first to view my 3 Items in it.
To show my 3 Items, I can click on either "Connectivity Management".
It looks as if I had 2 Categories in each other, but that's not the case. I definitely have just one.
I had a look at the servicenow documentation about categories, but there was no hint about my problem.
I am using the FUJI release.
Any Idea how I can remove the bottom category?
I have other top level categories which work just as I wanted them, I compared both and found no difference.
How are you adding this to your page and what type of page are you adding this to?
I've seem something similar happen when adding this to a Homepage such as the ESS Homepage. Is this what you are trying to do?
When selecting to add a Catalog Category to a home page you will have two options, Category Details and Category Items
If you choose Category Details, you see something similar to what you see.
If you instead choose Category Items, you will see the items within the category
I'm trying to build a similar menu like in http://www.gwt-ext.com/demo/#menuButton. But i am using the SmartGWT instead of GWT-Ext and GWT Designer in Eclipse. I have built the SectionStack and add to it 3 sections. My problem is that i do not know what components to add in each section to get the selected items as in the example 'Showcase Explorer' menu of the link. Like the example i want to fill each section with several text lines but if i add just Label components then there are not selectable like in the example (when you view the menu in accordion mode).
Why dont you use http://www.smartclient.com/smartgwt/showcase/#menus_category_treebinding this menu instead?
hi
I want to display drop down menu like the one you see in this image http://callingcard.marigoholdings.com/Screenshots.html#1
(below From and To)
How can i create that? Any good tutorial.
Best regards
You will have to use UIPicker for this purpose.This is used as a dropdown whereever needed in iPhone.
Please refer the link below
How to create drop down list box for an iphone app
Thanks
It looks like that app is using a combination of a UIWebView and an html select tag. To do something similar would involve a solid bit of html and javascript hackery, but in essence would be:
Create a UIWebView and inject the appropriate HTML into it to make the dropdown.
User uses dropdown as if it was in mobile safari and picks something.
When you need it, you use a javascript call with stringByEvaluatingJavaScriptFromString: to grab the value of the dropdown by id and pass it back to your code.
There are a few gotchas here, mainly with constructing the dropdown and the webview such that it's big enough to show the expanded dropdown but transparent to see under it when the dropdown is not expanded, it's not scrollable, and that sort of thing.
I wonder if a UIActionsheet might be better ... you could easy make a button to call the sheet. Adding multiple buttons to the sheet transforms it into a table that you can scroll.
I am using the table to display a list of members and when I click a cell in the table I am creating some custom menu items and showing the menu by customizing the cellview class. Now we have total 6 menu items and some of them are long in length, is there any way I can wrap the menu title so that we have enough space to display all the menu items?. While creating the menu item i tried to give the "\n" in the title but no use.
Also I would like to group the menu items so for this i will like to show 3 of them in different color. can we set the text color to the menu item so that 3 of them are in one color and other 3 are in different.
Please let me know if have any solution of the above two tasks.
Thanks.
As far as I know both are not possible. You might want to look into creating your own menu code. Which is not terribly difficult. If you are on iOS 4 then just create a long tap gesture recognizer and then show a transparent view with graphics of your menu. This view can contain simple transparent buttons. It is not standard at all but very doable.