Home  »  Blog  »  Squiz Suite  

Category: Squiz Suite

Squiz Matrix Performance

Squiz Labs have posted a very interesting article giving us, Squiz Matrix users, advise on how to configure cache for optimal performance. A very interesting read...

Squiz Matrix Cache explained

Squiz Matrix Cache

Squiz Matrix - change status automatically

I have recently been given an interesting problem in Squiz Matrix, which appeared to have no solution at first. The requirement was for the status of a folder to change dynamically based on whether it has any standard pages linked underneath it or not. It was clear from the beginning that it had to be done with triggers and after experimenting with different events, conditions and actions, I managed to come up with a solution. It required three triggers, although it should really be only two if it wasn't for what appears to be a bug in Matrix. But more about this later. Here is the solution.


Squiz Matrix, Easy Edit Suite and Related Content

I have recently talked about using Drag-and-Drop functionality with MySource Matrix. The idea behind this method was to use the "Array of specific asset IDs" option in the "Dynamic Parameters" of an asset listing. The coma separated list of IDs can be stored in a text metadata field.

With the addition of Asset Finder in Easy Edit Suite 2, one of my colleagues Suren has implemented a plugin which uses Asset Finder to populate a text field with a coma separated list of related asset IDs.

I have now had a chance to develop this plugin further and here is what it looks like now:

Squiz Matrix, Easy Edit Suite and Related Content
Click image for full page view...

Full list of features now includes:
  • Asset Finder button (magnifying glass) to select an asset to include
  • Representation of the text field with asset IDs in a graphic form
  • Implementation of Drag and Drop functionality to alter the order
  • Delete function to remove asset IDs from the list
  • Manageable array of field IDs to inherit the functionality
  • An option to display or hide the text field is available for each field
  • Manageable list of allowed asset types
  • Manageable error message to display if something goes wrong (mostly related to asset types)
  • It also overrides and removes the annoying "Use default" option and therefore makes the field editable by default

Tweet Button, MySource Matrix (Squiz Matrix) and valid HTML

Twitter is the Napster, Kazaaa or Bittorrent for news. You still network with other people but the purpose of it is not networking in itself but sharing news. So, I decided to add a Tweet button on my blog powered by MySource Matrix (Squiz Matrix) to make it easier for myself and my visitors to share on Twitter. About time...

To generate a tweet button, you will need to go to Twitter Goodies page.

I will take you through the steps I took on the Goodies page and at the end of the article you will have a good idea of how to create your W3C compliant "tweet" button:

1. On the "Button" tab select "Horizontal Count".

2. On the "Tweet text" tab select second option and type "Custom Text"

3. On the "URL" tab select second option and type "http://www.domain.com"

2. In the "Recommend people to follow (optional)" section type in your Twitter username. I used "palitsyn" obviously.

You should now see an example of your button and the code for it at the bottom of the page. The code should be:

<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://www.domain.com" data-text="Custom Text" data-count="horizontal" data-via="palitsyn">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

I have highlighted 4 tags "data-url", "data-text", "data-count" and "data-via" that will fail to validate on W3C HTML Validation Service. I personally hate to see the results page in red.

Fortunately, there is a workaround. We can pass all the parameters via a query string. Please note, that URL of the link you are sharing needs to be URL encoded and "http://www.domain.com" therefore becomes "http%3A%2F%2Fwww.domain.com". Once you do that our example should look like this:

<a href="http://twitter.com/share?url=http%3A%2F%2Fwww.domain.com&amp;text=Custom Text&amp;via=palitsyn&amp;count=horizontal" class="twitter-share-button" rel="nofollow">Tweet</a> <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

You may have noticed that I added rel="nofollow" into the link. This is for SEO reasons only as Google might not like this kind of link. I would recommend you to add this too.

OK, Great! We now have a Tweet Button that will validate on W3C HTML Validation Service.

Next step for MySource Matrix (or Squiz Matrix) users

Obviously we want the button to be dynamic in our CMS and in this example I will show you what needs to be done to make it work on Matrix. If you are using a different CMS refer to a manual and make sure that the dynamic URL in the query string is URL encoded.

There are only 2 things that we need to make dynamic and they are url and text. For the text we can use %asset_name% and for url we can use %asset_url%. To make the URL URL encoded, we need to use a keyword modifier - %asset_url^urlencode%. This is what you should get:

<a href="http://twitter.com/share?url=%asset_url^urlencode%&amp;text=%asset_name%&amp;via=palitsyn&amp;count=horizontal" class="twitter-share-button" rel="nofollow">Tweet</a> <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

That's it! We have a working and W3C compliant Tweet Button. Replace "palitsyn" in the last piece of code with your username, paste it into your paint layout, asset listing or just content and you are ready to go.

MySource Mini and Viper WYSIWYG

With so many WYSIWYGs around, well, maybe not so many, but I am yet to find one that could match the superior true inline click-to-edit WYSIWYG editor Viper from Squiz (developers of MySource Matrix). This revolutionary Viper editing interface was introduced with MySource Mini and it is amazing. John Underkoffler can demo his Minority Report like interfaces all he wants... It will be awhile before we can get our hands onto one of those, but the future of Content Management and editing is already here. Have a look and explore the MySource Mini website to learn more about all the product's exciting features.

True Inline Editing Demo (original)

« | 1 2 | »

« First page | Last page »

Total pages: 2