V7 Extension Items and Script Actions

Dear DirectSmile Users,

Extension Items and Script Actions are a great way to extend your DirectSmile Cross Media Solution. The community is constantly working on new add-ons to support your daily work.

Read more ...

See the Extension Items Manual to learn how to create your own items and become part of the community.

Please note that none of the downloads provided on this site are part of the purchased DirectSmile product and/or support contract. They are provided free of charge on an "as is" basis. You can change and extend them if you like. If you need paid assistance, please feel free to contact DirectSmile professional services or the mentioned authors of each item.
If you want to contribute your own add-ons, it would be highly appreciated. We will of course duly mention your authorship and commitment to the community.
Please submit your exported items including a BSD compatible Open Source License to items@directsmile.com. We will then review them and publish them at our sole discretion (the items must be helpful to users and maintainable by programmers).
Please check the license terms at the end of this page for all items authored by DirectSmile GmbH.

show less ...
Responsive Design

A complete list of items enables you to create responsive websites with the Cross Media Designer. There are 2 series of items. The "Flex series" and the "Easy series". Flex was introduced with Cross Media Version 6. Easy comes with Version 6.1. Items from both series can easily be used together.

 

The Easy Series and V6.1

The Easy series is available as of version 6.1. and still in progress. It makes responsive design even easier; because version 6.1 takes care of all of the background stuff. You have a simple menu available under "Media" which allows you to set-up the design widths for mobile, tablet, and desktop devices. No more viewport hassles.

Perhaps the most important secret of responsive design is:  You can skip the tablet mode - tablets can display normal websites :-)

So how to start? It's simple like that:  Responsive design is already pre-configured. Just take a group, give it a height and a background color. In order to display this group in a device size, just add the class "device" to it.
If you now make sure that all single fixed layout groups or elements are no larger then 400px in width, then you are done. Your website is responsive.

 

The Flex Series

All items in the Flex series support three display modes: Desktop computers, tablets, and mobile phones. Here you can work on your layout in the design tree just like with a normal website. Flex in Version 6 requires that you enable Media Queries to set-up the Viewport correctly. Click here to learn how

You can watch a series of tutorials for Flex:

ExtensionItem
V 1.0
  • CrossMedia Version 7.1 required!

  • A multi-column layout that ends up as a single column layout, dropping columns along the way as the screen sizes get narrower.
ExtensionItem
V 1.8
  • CrossMedia Version 6.1 required!

  • Responsive form group for easy design of forms and surveys
ExtensionItem
V 2.7
  • CrossMedia Version 6.1 required!

  • Super easy to use and super flexible responsive grid.
ExtensionItem
V 1.8
  • Adapts the size of any image to the space available.
ExtensionItem
V 1.0
  • CrossMedia Version 7.1 required!

  • Adapts the size of any image-link to the space available.
ExtensionItem
V 1.0
  • CrossMedia Version 6.1 required!

  • Adds device dependent scrollbars to any oversized content.
ExtensionItem
V 1.2
  • CrossMedia Version 6.1 required!

  • A group that has a device dependent size and margin.
ExtensionItem
V 1.2
  • CrossMedia Version 7.1 required!

  • A simple button that expands on a mobile device.
ExtensionItem
V 1.1
  • CrossMedia Version 7.1 required!

  • Responsive group that can have a device dependent size and margins
ExtensionItem
V 1.8
  • CrossMedia Version 7.1 required!

  • Responsive images for Emails. The image will display based on the width set in the settings for desktop resolution and will go 100% for tablet and mobile devices.
ExtensionItem
V 1.0
ExtensionItem
V 1.5
  • CrossMedia Version 7.1 required!

  • A multi-column layout that ends up as a single column layout, dropping columns along the way as the screen sizes get narrower.
ExtensionItem
V 1.2
ExtensionItem
V 1.8
  • CrossMedia Version 7.1 required!

  • The most simple layout is one that is mostly fluid. The layout does not shift with screen size changes. Text simply reflows and images scale.
ExtensionItem
V 1.4
ScriptAction
V 1.0
  • Responsive display of a group depending on the device.
ScriptAction
V 1.3
  • Create responsive grid layouts for mobile, tablet, and desktop computers.
ExtensionItem
V 1.0
  • Lets you display text with an individual style on mobile, tablet, or desktop.
ExtensionItem
V 1.0
  • Responsive image item for mobile, tablet, and desktop. Saves data transfer costs on mobile devices.
ExtensionItem
V 1.0
  • Displays different images in different sizes on mobile, tablet, and desktop.
ScriptAction
V 1.0
  • Horizontal scroll container action for responsive design.
ScriptAction
V 1.1
  • The "FlexSize-Action" sets the width and the height of a group depending on the device.
ExtensionItem
V 1.4
  • CrossMedia Version 6.1 required!

  • A container that hides anything inside it on a desktop and tablet device.
ExtensionItem
V 1.4
  • CrossMedia Version 6.1 required!

  • A container that hides anything inside it on a mobile device.

If not otherwise noted, all Extension Items and Script Actions authored by DirectSmile are licensed under the 3 clause new BSD license to give you maximum freedom to use, change and redistribute.

 

Copyright (c) 2013-2014, DirectSmile GmbH
All rights reserved.
Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
1. Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
2. Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
3. Neither the name of DirectSmile GmbH nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.


THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.