Wednesday, 19 October 2011 15:24

RokGallery Extension (J1.5/1.7)

Written by 
Rate this item
(0 votes)

RokGallery is a ground-up revolutionary gallery extension, developed to be hugely flexible, customizable and thus extendable far into the future.


The system itself is built on a custom tag-based architecture with the ability to have multiple tag-based galleries. RokGallery uses design and concepts that have been traditionally reserved for platform-native applications and are for the first time making their way into a web environment. For example, you will not have to resize images, or make thumbs before using them in RokGallery, just upload the raw image and use the RokGallery slice editor to resize and crop the images. This non-destructive editing method allows you to create and edit your image size, cropped view, etc, at any point without having to reupload or recreate your image in external photo editing software.

Other features include an all-new multi-file image upload mechanism that incorporates the latest HTML5 drag-and-drop upload functionality, but can also fall back to Flash if your browser doesn’t yet support this feature. Compound filtering can be used to isolate specific images you are looking for and a sophisticated Jobs Manager handles processes like image resizing in the background so you can get on with your work without having to wait for time-consuming image computations to complete.

Access the RokGallery Component at Admin → Components → RokGallery


This section is an introduction to the general interface of RokGallery, specific instructions on the functions, such as filtering, will be explained below.

#1 Image Controls

  • Publish
  • Unpublish
  • Tag
  • Delete

#2 Gallery Controls

  • Jobs: A log of all previous and current operations, such as imports.
  • Galleries: Create, Delete and Manage all tag galleries.
  • Settings: Configuration the general aspects of RokGallery.
  • Upload: A HTML5/Flash drag and drop image uploader.

#3/4 Filters

The filters have a range of variables such as gallery, file type, published etc... to allow you to sort your images for management in an efficient and simple manner. Statistics for the filters appear at #4.

Photo Upload

RokGallery uses a HTMl5 file uploader, or Flash for unsupported browsers.

  • Go to Admin → Components → RokGallery
  • Click the Upload button
  • Either Drag and Drop the files, or click Browse and find
  • Click Upload
  • Monitor progress
  • Click Close once completed

RokGallery RokGallery

RokGallery RokGallery

RokGallery RokGallery

Gallery View and Jobs

All photos will appear at Admin → Components → RokGallery. RokGallery has support for multiple image selection, either by drag and highlight with the cursor, or via individual selection with the Shift Key and click.

RokGallery RokGallery


Jobs Manager

The Jobs Manager provides you a log of operations undergoing or undergone in RokGallery. You can view:

  • Import status, with time stamps
  • Slice status, with time stamps
  • Clear all Jobs
  • Delete individual Jobs via the trash icon
  • Refresh individuals Jobs via the reload icon

Galleries Manager

RokGallery is a tagged based gallery component, therefore, Galleries are controlled by tags and not specific photos in albums. Subsequently, you can easily have one master photo in multiple albums with ease.


A single image can appear in numerous galleries based on its tag, and also can be different sizes based on the gallery settings, without editing the original image.

  • Dropdown: To create a new Gallery, select Create New, or the name of another Gallery to edit it
  • Name: Set the name of the Gallery
  • Tags: Set the tags that are associated with the gallery (separate via a comma)
  • Images: Set the maximum height and width of the full image
  • Thumbnails Size: Set the height and width of the thumbnails
  • Background Color: Set the background color for the thumbnail surround
  • Aspect Ratio: Check if you wish to keep the dimensions of the image intact, or cropped.

Remember to Publish a Gallery after clicking Save. If you make any changes to a Gallery, whether in the Galleries Manager, or in the Image Slice Editor, you will need to re-Save in the Galleries Manager for the changes to take place on the site.

RokGallery RokGallery RokGallery

Image Editor

RokGallery has a very advanced image editor, akin to a native application. The various parts will be discussed below.

After selecting the edit button, you will be able to edit the META data of the image, the image itself, plus delete or publish the image.

  • Title: The name of the image file to be displayed on the frontend gallery
  • Slug: The individual identifier for an image (we recommend not to change)
  • Description: The description of the image file shown on the frontend gallery
  • Tags: Add the tags that you wish to associate with the image
  • Slicing: Edit the image
  • Publish:Show or Hide an image for specific tags/galleries.


In the Slice Editor, you can edit the META data and the actual image. You can crop the image, similar to that of an native application, with a set or variable marquee, in addition to Zoom controls. Edits in the Slice Editor are on a per gallery/tag basis.

The original image that was uploaded is maintained, as a new image is created after applying the crop. This can be reverted at any time from the Slice Editor.


Additionally, you can also Share the slice via the Share button, or Delete the image via the Delete button, from the Image Editor:

RokGallery RokGallery


Tagging is at the core of RokGallery, and with its multi-selection ability, you can easily manage tags across multiple images with great ease. Simply highlight several images and click Tags. Here, you can add, remove, or change any common tags applied to your selection.

If you wanted to quickly move several images to another gallery, simply change their tag.




A system based on tagging needs an advanced search facility, so RokGallery employs a simple but powerful filtering mechanism:

Filter Type

  • Tags
  • Gallery
  • Published
  • File Size
  • Width
  • Height

Filter Operation

  • Is
  • Is Not
  • Contains
  • Does not Contain
  • Greater than
  • Lesser than

Order by Type (Asc/Des)

  • Title
  • Created At
  • Updated At
  • File Size
  • Width
  • Height

RokGallery RokGallery

RokGallery RokGallery

Filters are not singular and can be applied cumulatively:

RokGallery RokGallery

Read 2871619 times Last modified on Sunday, 30 October 2011 00:17


  • Comment Link Brandonlyday Wednesday, 21 February 2024 11:23 posted by Brandonlyday

    check this link right here now

  • Comment Link 台北的會計師 Wednesday, 21 February 2024 11:23 posted by 台北的會計師
    Find the best tie styles for 2021 and beyond on your wedding ceremony.

  • Comment Link 外燴推薦 Wednesday, 21 February 2024 11:23 posted by 外燴推薦
    This two-piece silhouette type flows fantastically
    over the body and has a v-shaped back opening that closes with
    a concealed zipper.

  • Comment Link 台北會計師 Wednesday, 21 February 2024 11:23 posted by 台北會計師
    There usually aren’t any set guidelines when it comes to MOB outfits for the

  • Comment Link สล็อต Wednesday, 21 February 2024 11:22 posted by สล็อต

    Hey there! Someone in my Myspace group shared this website with us so I came to look it over.
    I'm definitely loving the information. I'm book-marking and will be tweeting this to
    my followers! Excellent blog and superb design.

  • Comment Link web page Wednesday, 21 February 2024 11:22 posted by web page

    ChatGPT Essay Writer: Transforming the Composing Landscape
    The landscape of writing has been greatly changed with the
    advent of sophisticated modern technology, specifically with the introduction of AI tools
    like the ChatGPT Essay Writer. Rooted in the innovative GPT (Generative Pre-trained Transformer) version, this tool has considerably changed the
    game for educators, experts, and writers by giving an sophisticated degree of assistance in crafting composed material.

    web page

    Sparking Creative Thinking with AI
    The heart of the ChatGPT Essay Writer is the robust GPT design, which uses artificial intelligence techniques to produce message that carefully resembles human writing based on the given input.

    This device isn't simply a fixed aide however an interactive participant in the creating process, capable of creating cutting-edge
    concepts, crafting total essays, and providing useful revisions and guidance.

    A impressive aspect of the ChatGPT Essay Writer is its craft at understanding
    and adapting to context. Whether it's drafting a sophisticated academic paper, a compelling narrative,
    or a official service record, the tool can customize its support
    to match the specific requirements and stylistic subtleties of your task.
    This contextual versatility makes it an important resource for
    any composing undertaking.

    Boosting Performance and Improving Performance
    For those grappling with strict due dates and numerous projects, the
    ChatGPT Essay Author shines as a beacon of performance.
    It dramatically decreases the time spent on preparing, editing and enhancing, and refining essays.

    By providing instantaneous suggestions and producing content swiftly,
    it enables users to focus more on creating their ideas and arguments, instead of getting entangled in the intricacies of creating and grammatical

    Furthermore, the tool is a potent remedy for writer's block, providing motivates, continuing from where you've stopped, or recommending different
    point of views on a topic, thus sustaining creative thinking and making certain a smooth writing procedure.

    Advertising Learning and Development
    It's vital to acknowledge the ChatGPT Essay Writer as an augmentative device to human intelligence, instead of a replacement.
    For students, the device works as an excellent academic aid, cultivating the improvement of critical thinking and composing capabilities by using
    design examples and allowing a contrast in between the AI-generated web content and their job.

    Educators can harness this device to supply tailored responses and
    aid, utilizing the AI's result as a criterion for leading pupils in the direction of improving their writing abilities.
    The tool's efficiency in creating material on diverse topics
    likewise makes it a useful property for stimulating rich discussions and prompting
    much deeper study and logical reasoning.

  • Comment Link 台北的會計師 Wednesday, 21 February 2024 11:22 posted by 台北的會計師
    Beach weddings are typically barely more informal or bohemian in fashion than conventional weddings.

  • Comment Link arse Wednesday, 21 February 2024 11:22 posted by arse

    I'm not sure eхactⅼy why but this weblog is loading ѵery slow for me.
    Iѕ anyone else having this issue or is it a issue oon my end?
    I'll check acҝ later on and see if the peoblem still exists.

  • Comment Link 台北 Wednesday, 21 February 2024 11:21 posted by 台北
    A trace of sheen makes pastels like this dove grey feel rich and appropriate for the evening.

  • Comment Link 會計師 Wednesday, 21 February 2024 11:21 posted by 會計師
    You really wish to take into consideration what is best for the season, and the climate you
    will be sitting in.

Leave a comment

Make sure you enter the (*) required information where indicated. HTML code is not allowed.