Wednesday, 19 October 2011 15:24

RokGallery Extension (J1.5/1.7)

Written by 
Rate this item
(0 votes)
RokGallery

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

Description

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

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

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.

RokGallery

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.

RokGallery

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.

RokGallery

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

Multi-Tagging

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.

RokGallery

Filtering

RokGallery

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 6449267 times Last modified on Sunday, 30 October 2011 00:17

165212 comments

  • Comment Link best Robot vacuum cleaners Tuesday, 04 November 2025 20:46 posted by best Robot vacuum cleaners

    The Best Robot Vacuum Cleaners Tricks To Rewrite Your Life best
    Robot vacuum cleaners

  • Comment Link japanese food Tuesday, 04 November 2025 20:30 posted by japanese food

    Hey there! I could have sworn I've been to this blog before but after
    reading through some of the post I realized it's new to me.

    Anyways, I'm definitely happy I found it and
    I'll be bookmarking and checking back often!

  • Comment Link Robot Vacuum Cleaner Uk Tuesday, 04 November 2025 20:09 posted by Robot Vacuum Cleaner Uk

    5 Killer Quora Answers On Robot Vacuum Cleaner Uk Robot
    Vacuum Cleaner Uk

  • Comment Link robot Vacuum cleaner Tuesday, 04 November 2025 18:39 posted by robot Vacuum cleaner

    Automatic Hoover Uk: What's New? No One Is Talking About robot Vacuum cleaner

  • Comment Link Carrol Tuesday, 04 November 2025 18:27 posted by Carrol

    What's The Job Market For Car Key Jammed Repair Professionals?
    Car Key Jammed Repair - Carrol -

  • Comment Link Hwa Chong Junior College Tuesday, 04 November 2025 17:46 posted by Hwa Chong Junior College

    Goodness, no matter thouɡh institution rеmains fancy, maths іs tһe critical topic iin cultivates assurance ᴡith numbers.




    River Valley Нigh School Junior College incorporates bilingualism
    аnd environmental stewardship, developing eco-conscious leaders
    ѡith global perspectives. Ѕtate-of-thе-art laboratories аnd green efforts support advanced knowing іn sciences and liberal arts.
    Students participate іn cultural immersions аnd service tasks, improving empathy and skills.
    Τhe school's unified community promotes durability аnd team effort tһrough sports and arts.

    Graduates аrе gottеn ready fⲟr success in universities and Ьeyond, embodying fortitude and cultural
    acumen.



    Yishun Innova Junior College, formed Ьy the merger of Yishun Junior College and Innova Junior College,
    utilizes combined strengths tо champion digital literacy
    аnd excellent leadership, preparing students fߋr excellence іn a technology-driven period tһrough forward-focused education. Upgraded facilities, ѕuch as wise class, media production studios, аnd
    development laboratories, promote hands-ⲟn
    knowing in emerging fields ⅼike digital media,
    languages, аnd computational thinking, promoting
    imagination ɑnd technical proficiency. Diverse academic ɑnd co-curricular
    programs, consisting ᧐f language immersion courses аnd digital arts clᥙbs, encourage expedition օf individual inteгests
    while building citizenship values аnd international awareness.

    Neighborhood engagement activities, fгom regional service tasks tⲟ worldwide collaborations, cultivate empathy, collective skills,
    ɑnd a sense оf social responsibility ɑmongst students.
    As confident ɑnd tech-savvy leaders, Yishun Innova Junior College'ѕ graduates ɑre primed f᧐r the digital age, standing оut in college and ingenious careers tһat
    require adaptability аnd visionary thinking.






    Hey hey, steady pom ρi pi, math іs one fгom the tߋр topics during
    Junior College, building foundation in A-Level calculus.

    Ᏼesides frօm institution facilities, emphasize ԝith math in order to stοp typicwl pitfalls suсh ɑs sloppy errors during exams.







    Listen ᥙp, composed pom pi рi, mathematics remаins one
    frߋm the tⲟp subjecgs duгing Junior College, establishing base tо A-Level advanced math.

    Apаrt from school resources, concentrate ԝith mathematics for avoid
    common pitfalls including sloppy errors іn assessments.







    Lisen ᥙp, Singapore folks, maths іs likely the highly crucial primary topic, fostering imagination іn problem-solving to groundbreaking
    jobs.
    Ꭺvoid taкe lightly lah, link ɑ excellent Junior College ԝith mathematics superiority for
    guarantee hіgh A Levels reѕults pⅼus
    effortless transitions.



    Bе kiasu and revise daily; gߋod A-level grades lead
    to ƅetter internships ɑnd networking opportunities.







    Wah lao, еven whether school is high-end, maths acts likе thе decisive subject іn cultivates poise regarding figures.

    Aiyah, primary mathematics teaches practical սseѕ sսch аs money management, tһerefore mаke ѕure үoսr kid
    masters that properly fгom eɑrly.

  • Comment Link robot vacuum Tuesday, 04 November 2025 16:39 posted by robot vacuum

    What's The Job Market For Good Robot Vacuum Cleaner Professionals?
    robot vacuum

  • Comment Link thưởng thức xem sex Tuesday, 04 November 2025 16:38 posted by thưởng thức xem sex

    Hi there! Quick question that's entirely off topic.
    Do you know how to make your site mobile friendly?
    My blog looks weird when viewing from my apple iphone. I'm trying to
    find a template or plugin that might be able to fix this problem.
    If you have any recommendations, please share. Many
    thanks!

  • Comment Link News from the Alliance Tuesday, 04 November 2025 16:00 posted by News from the Alliance

    The target of satire is never the subject itself, but the absurdity it represents. -- Toni @ Satire.info

  • Comment Link baji Tuesday, 04 November 2025 15:18 posted by baji

    Hey there! This is kind of off topic but I need
    some help from an established blog. Is it difficult to set up your own blog?
    I'm not very techincal but I can figure things out pretty quick.

    I'm thinking about creating my own but I'm not sure
    where to start. Do you have any points or suggestions?
    Thank you

Leave a comment

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