Page 1 of 2 12 LastLast
Results 1 to 10 of 14

Thread: Web Catalogue and Image Gallery

  1. #1
    Join Date
    Feb 2009
    Location
    Perth, Western Australia
    Posts
    965

    Default Web Catalogue and Image Gallery

    Hi All

    Saw that this has been asked about in the forums, so we thought we would share what have been working on. There are 2 classes the Web Catalogue and Web Image Gallery. Both of these classes are based on the djCase class from Harm's training. If you haven't attended DAW's Web Application Framework I high recommend doing it.

    This code is open source and is provided as is, with no warranty. I would also ask that if you correct any bugs or make any improvements to please post them back here, thank you.

    These classes are for 17.1.

    Attached is an example workspace based on the WebOrder workspace, however the folder, web app and virtual directory are taWebOrder so it won't impact on the WebOrder workspace.


    Class 1 - Web Catalogue

    This can be seen in the Product Catalogue option from the View menu. The view itself is Product_Catalogue.wo.

    Class 2 - Web Image Gallery

    This can be seen the modified Inventory Maintenance option also from the view menu, and in inventory.wo.


    These classes are still in development so they are a little rough, for example the image folder handling is all done from AppHTML/Images, and the shopping cart image on the catalogue item button is hard coded to localhost in the CSS.

    Other improvements:
    - A zoom on the image gallery
    - Also the image gallery only supports one row of thumbnails

    Also I am definitely no CSS or JS expert so feel free to point out any issues or better ways of doing things.
    Attached Files Attached Files
    Last edited by Tom Murphy; 24-Mar-2014 at 10:08 PM.
    Cheers,

    Thomas Murphy
    Triumph Business Systems Pty Ltd
    www.triumph.com.au

  2. #2
    Join Date
    Feb 2009
    Location
    Perth, Western Australia
    Posts
    965

    Default Re: Web Catalogue and Image Gallery

    Examples ...

    Web Catalogue

    Click image for larger version. 

Name:	catalogue.png 
Views:	438 
Size:	184.7 KB 
ID:	7554


    Web Gallery

    Click image for larger version. 

Name:	gallery.png 
Views:	381 
Size:	114.9 KB 
ID:	7555
    Cheers,

    Thomas Murphy
    Triumph Business Systems Pty Ltd
    www.triumph.com.au

  3. #3
    Join Date
    Feb 2009
    Posts
    2,026

    Default Re: Web Catalogue and Image Gallery

    Nice work Tom thanks for sharing.

  4. #4
    Join Date
    Feb 2009
    Location
    Perth, Western Australia
    Posts
    965

    Default Re: Web Catalogue and Image Gallery

    Attached is the VDF 18 version.

    Took a bit of work as tWebRow has changed. My main problem was with the web catalogue item data, I have it working but am sure there's a better way.

    Note this will run as taWebOrder18, so separate from taWebOrder (for 17.1) and the DAW WebOrder workspace.
    Attached Files Attached Files
    Cheers,

    Thomas Murphy
    Triumph Business Systems Pty Ltd
    www.triumph.com.au

  5. #5
    Join Date
    Mar 2009
    Location
    New Zealand
    Posts
    1,830

    Default Re: Web Catalogue and Image Gallery

    Oh Wow! Thanks, Tom!
    Regards,
    Raveen Sundram

    Software Development Manager
    Excellent Software Ltd
    Auckland, New Zealand
    www.helixretail.co.nz


  6. #6
    Join Date
    Mar 2009
    Location
    Adelaide, South Australia
    Posts
    477

    Default Re: Web Catalogue and Image Gallery

    Hi Tom,
    I have just started using the Web Catalogue and I am very impressed. Thank you, it has saved me a lot of time. In fact I would never have been able to achieve it as my knowledge of javascript is all but non-existent and of css is little better.

    I would, however, like to add some extra fields and have a form for Qty instead of the combo list. There doesn't seem to be a problem in adding fields to ctaWebCatalogueItem.pkg but it is clear the javascript would need changing. Any guidance you can offer here would be much appreciated.

    Ian
    The most important leg on a three legged stool is the one that's missing.
    Murphy's Law (2)

  7. #7
    Join Date
    Feb 2009
    Location
    Perth, Western Australia
    Posts
    965

    Default Re: Web Catalogue and Image Gallery

    Hi Ian

    Sorry for the late reply. I am glad that you are getting some use out our classes.

    The name thing to remember here is, the javascript is basically just writing out html and capturing some events, and the associated CSS make it look good on the screen.

    So you'll need to change the code below which creates a combo html

    Code:
    aHtml.push('<form action=""><select name="Qty" class="taWebCatalogueItem_Qty" id="taWebCatalogueItem_Qty', i, '"');
    for(j = 0; j < 100; j++){
        aHtml.push('<option value="', j, '">', j, '</option>');
    }

    To an input by doing something like this ...

    Code:
    aHtml.push(<input type="text" value="1" name="Qty" class="taWebCatalogueItem_Qty" id="taWebCatalogueItem_Qty', i, '" />');
    Cheers,

    Thomas Murphy
    Triumph Business Systems Pty Ltd
    www.triumph.com.au

  8. #8
    Join Date
    Mar 2009
    Location
    Adelaide, South Australia
    Posts
    477

    Default Re: Web Catalogue and Image Gallery

    Thanks Tom,
    In the meantime I had tackled it myself and come up with a similar result to yours. It was a useful exercise which forced me to delve into Javascript.

    Cheers,
    Ian
    The most important leg on a three legged stool is the one that's missing.
    Murphy's Law (2)

  9. #9
    Join Date
    Jul 2015
    Location
    New Zealand
    Posts
    227

    Default Re: Web Catalogue and Image Gallery

    Hi Tom
    I am trying to get your web image gallery working on my Audit mobile web app
    But when I try and run it squashes the mobile screen into small area what am I doing wrong
    Please see the screen shots to see what I mean
    I using DF 18.2
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	snip_20170810155005.png 
Views:	144 
Size:	35.2 KB 
ID:	11237   Click image for larger version. 

Name:	snip_20170810155050.png 
Views:	113 
Size:	7.7 KB 
ID:	11238  
    Regards,
    Kevin, Email kevin.bw.nz@gmail.com

    It may compile but does it run

  10. #10

    Default Re: Web Catalogue and Image Gallery

    Updated to 19.0
    taWebOrder_19_0.zip

Page 1 of 2 12 LastLast

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •