Uploaded image for project: 'ZK'
  1. ZK
  2. ZK-1448

Scrollable Menubar does not show left/right arrows on mobile devices

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Normal
    • Resolution: Fixed
    • Affects Version/s: 6.5.0
    • Fix Version/s: 6.5.1
    • Component/s: Components
    • Labels:
    • Environment:

      iPad2, Android 4.1.1

      Description

      Left/right arrows does not appear when viewed on ipad2 and android. They are present when viewed on desktop browsers.
      Below is the sample code to reproduce the issue.

      <menubar id="menubar" width="200px;">
      	<attribute name="onCreate">
      		self.setScrollable(true);
      	</attribute>
      	<menu label="Project"
      		image="/img/Centigrade-Widget-Icons/Briefcase-16x16.png">
      		<menupopup>
      			<menuitem
      				image="/img/Centigrade-Widget-Icons/BriefcaseSpark-16x16.png"
      				label="New" onClick="alert(self.label)" />
      			<menuitem
      				image="/img/Centigrade-Widget-Icons/BriefcaseOpen-16x16.png"
      				label="Open" onClick="alert(self.label)" />
      			<menuitem
      				image="/img/Centigrade-Widget-Icons/DisketteBlack-16x16.png"
      				label="Save" onClick="alert(self.label)" />
      			<menuseparator />
      			<menuitem label="Exit"
      				image="/img/Centigrade-Widget-Icons/DoorOpen-16x16.png"
      				onClick="alert(self.label)" />
      		</menupopup>
      	</menu>
      	<menu label="Help"
      		image="/img/Centigrade-Widget-Icons/QuestionmarkButton-16x16.png">
      		<menupopup>
      			<menuitem label="Index"
      				onClick="alert(self.label)" />
      			<menu label="About">
      				<menupopup>
      					<menuitem label="About ZK"
      						onClick="alert(self.label)" />
      					<menuitem label="About Potix"
      						onClick="alert(self.label)" />
      				</menupopup>
      			</menu>
      		</menupopup>
      	</menu>
      	<menu
      		image="/img/Centigrade-Widget-Icons/Spyglass-16x16.png">
      		<menupopup>
      			<menuitem label="Index"
      				onClick="alert(self.label)" />
      			<menu label="Color Picker"
      				content="#color=#184dc6" />
      		</menupopup>
      	</menu>
      </menubar>
      

        Attachments

          Activity

            People

            Assignee:
            vincentjian vincentjian
            Reporter:
            neillee neillee
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

              Dates

              Created:
              Updated:
              Resolved: