Menu: Difference between revisions

From NSB App Studio
Jump to navigation Jump to search
Brendon (talk | contribs)
No edit summary
 
(7 intermediate revisions by 3 users not shown)
Line 1: Line 1:
[[file:MenuClassic.jpg]]
[[file:MenuClassic.jpg]]


'''Description'''
== Description ==
 
'''This control is part of iWebKit, which has been deprecated.'''


The Menu control is used to give the user a choice what action to take next. Each item can have an optional image, some text and an arrow.
The Menu control is used to give the user a choice what action to take next. Each item can have an optional image, some text and an arrow.
Line 9: Line 11:
To add a Menu to your app, choose the Menu icon in the Toolbar. Use the Property Editor to set the properties.
To add a Menu to your app, choose the Menu icon in the Toolbar. Use the Property Editor to set the properties.


'''Properties and Methods'''
== Properties and Methods ==


Standard [[properties and methods|properties]] are supported, plus:
Standard [[properties and methods|properties]] are supported, plus:
{| class="wikitable"
{| class="wikitable"
|-
|-
| addItem(''name'' [,''img src''],[''item'']) || Add ''name'' to position ''item'' on the list. If ''item'' is not supplied, add to the end. The ''img src'' argument is optional.
| addItem(''name''[, ''img src''][, ''item'']) || Add ''name'' to position ''item'' on the list. If ''item'' is not supplied, add to the end. The ''img src'' argument is optional.
|-
|-
| deleteItem(''item'') || If ''item'' is not supplied, the last one is deleted. If "all", all items are deleted.
| deleteItem(''item'') || If ''item'' is not supplied, the last one is deleted. If "all", all items are deleted.
Line 36: Line 38:
zoom: true/false. Allow two finger zoom in gesture?
zoom: true/false. Allow two finger zoom in gesture?


The full list of options is documented here: http://cubiq.org/iscroll-4
The full list of options is documented here: https://github.com/cubiq/iscroll
|-
| scrollHeight || The size of the scrolling area. (design time)
|-
|-
| scrolling || Allow choices in the menu to scoll? On or off. (design time)
| scrolling || Allow choices in the menu to scoll? On or off. (design time)
Line 45: Line 45:
|}
|}


'''Events'''
== Events ==


In addition to the standard [[events]], Menu has a modified version of onclick.
In addition to the standard [[events]], Menu has a modified version of onclick.
Line 53: Line 53:
|}
|}


'''Example'''
== Example ==


<pre>
<pre>
Line 67: Line 67:
</pre>
</pre>


'''Output'''
== Output ==


[[file:MenuClassicOutput.jpg]]
[[file:MenuClassicOutput.jpg]]
[[Category:Language Reference]]
[[Category:Controls]]
[[Category:iWebKit]]

Latest revision as of 11:56, 8 July 2019

Description

This control is part of iWebKit, which has been deprecated.

The Menu control is used to give the user a choice what action to take next. Each item can have an optional image, some text and an arrow.

You supply it with a list of items, and it will create one choice for each item. When the menu is first displayed, you need to recalulate the size of the scrolling area by doing controlname.refresh().

To add a Menu to your app, choose the Menu icon in the Toolbar. Use the Property Editor to set the properties.

Properties and Methods

Standard properties are supported, plus:

addItem(name[, img src][, item]) Add name to position item on the list. If item is not supplied, add to the end. The img src argument is optional.
deleteItem(item) If item is not supplied, the last one is deleted. If "all", all items are deleted.
getItem(i) Returns the text of item i.
getItemCount() Returns the number of items
Images A comma separated list of images. If blank, no image for the choice. Pathnames are in relation to the project’s folder. (design time only)
items A comma separated list of choices to be offered. (design time)
replaceItem(item, name[, img src]) Replace an existing item
refresh() Recalculates the size of the scrolling area after control is first displayed.
scroll_options This control makes use of iScroll. It has a number of options, including:

bounce: true/false. When the end of the scroll area is reached, should the image bounce?

zoom: true/false. Allow two finger zoom in gesture?

The full list of options is documented here: https://github.com/cubiq/iscroll

scrolling Allow choices in the menu to scoll? On or off. (design time)
title Optional. If supplied, will put a heading on top of the list. (design time)

Events

In addition to the standard events, Menu has a modified version of onclick.

onclick(choice) The number of the choice that was made, starting from 0.

Example

Function iMenu1_onclick(choice)
  If TypeName(choice)= "object" Then Exit Function
  MsgBox "Menu item chosen: " & choice
End Function
 
Rem Example 2: change height of menu at runtime:
  iMenu1.height="150px"
  iMenu1_ref=new iScroll("iMenu1_scroller",{ bounce:True, zoom:False })
  iMenu1.refresh()

Output