Jump to content

Search the Community

Showing results for tags 'pinch'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • uniGUI Public
    • Announcements
    • General
    • Feature Requests
    • Installation
    • Deployment
    • Other Platforms
  • Licensing
    • Licensing
    • Ordering uniGUI
  • Bug Reports
    • Active Reports
    • Closed Reports
    • Old Bug Reports
  • uniGUI Development
    • General Development
    • uniGUI Releases & Roadmaps
    • Utilities
  • Mobile Platform
    • uniGUI Mobile
    • Mobile Browsers
  • Users Area
    • Sample Projects
    • Components and Code Samples
    • Third Party Components
  • Non-English
    • Non-English
  • Miscellaneous
    • Hosting
    • Server Security
    • Jobs

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests

Found 2 results

  1. Hi i was wondering how can display multiple images on carousel in mobile with a TUnimImage on each page but with the possibility to zoom the images in and out? i tried many libraries and plugins online but i failed to make them work with unigui mobile. Even if that failed, ow can make zooming mobile form itself enabled like desktop applications? I tried that code but no luck: <meta content='True' name='HandheldFriendly' /> <meta content='width=device-width; initial-scale=1.0; maximum-scale=2.0; user-scalable=1;' name='viewport' /> if (document.body) { document.body.addEventListener('touchmove',function(event){ event.preventDefault(); },false); } Please help me in either zoom the whole window or image. Thanks in advance
  2. Hi all, I am trying to test having a carousel in mobile app with pinch to zoom functionality. I found this amazing example: https://github.com/SunboX/ST2_ImageViewer https://www.sencha.com/forum/showthread.php?197903-Pinch-Image-with-carousel-and-working-fine But I can't get it to work with unigui mobile or desktop I changed files paths in .js or html to correct "files/..." to work correctly with unigui, also added this code to BeforeScript property in UnimHTMLFrame1: Ext.Loader.setConfig({ enabled: true, paths: { 'Ext.ux': 'files/ux' } }); Ext.define('Demo.Viewport', { extend: 'Ext.Carousel', xtype : 'my-viewport', config: { items: [ { xtype: 'imageviewer', style: { backgroundColor: '#333' }, imageSrc: 'files/images/Desert.jpg' }, { xtype: 'imageviewer', style: { backgroundColor: '#333' }, imageSrc : 'files/images/Hydrangeas.jpg' }, { xtype: 'imageviewer', style: { backgroundColor: '#333' }, imageSrc: 'files/images/Chrysanthemum.jpg' } ], listeners: { activeitemchange: function(container, value, oldValue, eOpts) { if (oldValue) { oldValue.resetZoom(); this.getActiveItem().resize(); } }, resize: function(component, eOpts) { this.getActiveItem().resize(); } } }, onDragStart: function(e) { var scroller = this.getActiveItem().getScrollable().getScroller(); if (e.targetTouches.length === 1 && (e.deltaX < 0 && scroller.getMaxPosition().x === scroller.position.x) || (e.deltaX > 0 && scroller.position.x === 0)) { this.callParent(arguments); } }, onDrag: function(e) { if (e.targetTouches.length == 1) this.callParent(arguments); }, onDragEnd: function(e) { if (e.targetTouches.length < 2) this.callParent(arguments); } }); Ext.define('Demo.ViewportPanel', { extend: 'Ext.Panel', xtype : 'my-viewport-panel', config: { fullscreen: true, layout: 'fit', items: [{ xtype: 'titlebar', docked: 'top', items: [ { text: 'ZoomIn', listeners: { tap: function() { Ext.getCmp('myCarousel').getActiveItem().onZoomIn(); } } }, { text: 'ZoomOut', align: 'right', listeners: { tap: function() { Ext.getCmp('myCarousel').getActiveItem().onZoomOut(); } } } ] }, { xtype: 'my-viewport', id: 'myCarousel' }] } }); Ext.application({ name : 'ImageViewer Carousel Demo', views : [ 'Ext.ux.ImageViewer' ], launch: function() { Ext.Viewport.add({ xtype: 'my-viewport-panel' }); } }); or this for single image viewer Ext.Loader.setConfig({ enabled: true, paths: { 'Ext.ux': 'files/ux' } }); Ext.application({ name : 'Simple ImageViewer Demo', views : [ 'Ext.ux.ImageViewer' ], launch: function() { Ext.Viewport.add({ xtype: 'imageviewer', style: { backgroundColor: '#333' }, imageSrc: 'files/desert.jpg' }); } }); All I get is the "loading..." the carousel radio buttons are working but images are not sliding and the two buttons on the top panel (zoomin/zoomout) are working too. Sorry to bother you guys but I am not good with html/css or js so i can fix this on my own Any help will be appreciated Thanks in advance
×
×
  • Create New...