Details

Created: Friday, 11 November 2011 21:23

Last Updated: Thursday, 01 December 2011 23:23

Written by Super User

RokContentRotator is a great module to display your articles and accompanying images as a featured item. The module itself is facilitated by Mootools to transition between images and articles seamlessly. Perfect for showcasing featured articles or image on your site.

RokContentRotator is a template specific module, and is not standalone

Module Configuration

Options available at Admin → Extensions → Module Manager → RokContentRotator Module:

• Module Class Suffix: Add a custom class for individual styling
• Show Rotator TItle: Control whether to display the module title.
• Frontpage Items: Determine whether frontpage content is loaded.
• Count: Insert a numerical value of the number of articles you wish to appear.
• Category: Category to load tabbed content from.
• Section: Section to load tabbed content from.
• Show Read More: Determine whether to show a Read More inside the preview content.
• Read More Label: Insert the text that you wish to appear on the Read More.
• Transition Duration: Determine the time, in miliseconds, for the transition to operate for.
• Preview Length: Input a numerical value which equates to how many characters you wish for the module to show.

Details

Created: Friday, 11 November 2011 21:22

Last Updated: Friday, 11 November 2011 21:22

Written by Super User

RokTabs is a tabbed content module, standalone and themed. Content is transitioned, either by fade or scroll, powered by Mootools, which can be automatic or manual. Plugin support is also featured, whether loading module positions, read more content, or the K2 CCK component.

Module Features

• Tabbed Content: Display multiple content items in a tabbed enclosure.
• Module Position Support: You can insert module positions inside the tabs.
• Inbuilt Styling: Both light and dark styling for standalone support
• Configurability: Highly configurable from options dealing with transition, to content type and layout.
• K2 Support: Fully compatible with the powerful content constructive component K2.

Details Download Support

Module Configuration

Options available at Admin → Extensions → Module Manager → Roktabs Module. Important demo settings are highlighted accordingly:

Other

• Theme Style: Light and Dark. Or Custom, if the template has styling for the modules.
• Content Type: Joomla Core Content or K2 Content (Requires K2 to be installed).
• Module Class Suffix: Add a custom class for individual styling

Joomla Core Content

• Joomla Section: Section to load tabbed content from.
• Joomla Category: Category to load tabbed content from.
• Joomla Frontpage Items: Determine whether frontpage content is loaded.

Content Parameters

• Item Ordering: Control tab ordering — Default, Oldest First, Most Recent First, Title Alphabetical, Title Reverse-Alphabetical & Order.
• Default Readmore: Determine whether the system Read More is active.
• Custom Readmore Text: Control the label of the Read More.

Animation and Styling

• Width: Set to the width of the container element, or a custom value.
• Max # of Tabs (0 = All): Control the maximum number of tabs.
• Transition Duration: Time, milliseconds, for tabs to transition between one another.
• Type of Transition: Choose between Fading or Scrolling for transition
• Transition Effect: Determine the effect for tab transition.
• Subtract roktab-links margins: Control calculation of margins for scrolling tabs.
• Scrollable Tabs: Determine whether tabs are scrollable when they exceed the specified width.

Subtract roktabs-links margins needs to be enabled for best visual effect with scrollable tabs.

Tab Details

• Tabs Position: Position of tab row, either Top, Bottom or Hidden.
• Tabs Interaction: Control transition trigger of tabs, Click or Hover.
• Tabs Title: Determine how tabs are named, By Incremental, By Content Title, or By first Content h6 tag.
• Incremental prepend text: If By Incremental is selected, specify the prepended text for each tab.
• Hide h6 tags: Disables H6 content in the tabs.
• Prefix tabs with numbers: Inject incremental numbers before tab titles.
• Show Tab Icons: Display tabs adjacent to the tab titles.
• Tab Icon Side: Position of tab title icons.
• Tab Icon Path: Set the path of icon images.
• Tab Icons: Control which icons appear with each tab title.

Autoplay Settings

• Autoplay: Determine whether tabs transition automatically or manually.
• Autoplay Delay (ms): Set delay for automatic transition in milliseconds.

Details

Created: Friday, 11 November 2011 21:21

Last Updated: Friday, 11 November 2011 21:21

Written by Super User

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

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

#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

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.

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.

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:

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.

Filtering

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

Filters are not singular and can be applied cumulatively: