• Chico UI 0.13.2

    Posted on Mar 25th, 2013 | Comments

    Hi there,

    We are releasing this new version with some improvements and fixed bugs:

    • 974 - Layer: It’s closed with any element that contains the .ch-close class name.
    • 968 - Carousel: redraw() must not go to the first page after calculation.
    • 967 - Carousel: Must be able to eliminate its items.
    • 966 - Carousel: Align arrows without using inline css.
    • 960 - Wrong space between button and links in the form actions.
    • 852 - Content: Configuration with cache “false” keeps caching content.
    • 738 - isURL method isn’t supporting an specific and valid URL

  • Mesh 2.1 - Responsive Mesh

    Posted on Dec 12th, 2012 | Comments

    Hi everyone!

    We are releasing a new version of Mesh.

    Responsive Mesh

    Mesh is now simpler than the previous version and more light. But the main improvement is that Mesh is responsive.

    Let’s take a look at how the columns will be sized. The left image shows you the desktop size, and the right side shows you how it will be displayed in a devices with less than 480px.

    image

  • Chico UI 0.13

    Posted on Dec 10th, 2012 | Comments

    Hi everyone!

    With this update, we’re bringing you a new feature and some improvements!

    New Feature

    Wizard

    We’re introducing the Wizard component to our CSS Library.

    Improvements

    Modal & New Lite Modal

    Two little improvements:

    1. The line under the heading inside the modal was deprecated.
    2. The paddings were incremented up to 20px.
    3. The actions are aligned left side instead to the center.
    4. Modal uses the ch-box-lite class instead ch-box one.

    We have added support for the Lite Modal layout.

    Important Change

    The following CSS class name has changed and it’s not backward compatible.

    ch-form-options has changed by ch-list-options

    Other Improvements

    • 778 - Typography: Create a file with typographies styles
    • 787 - Loading: It should be transparent
    • 780 - Tooltip: Merge styles with shared message boxes
    • 806 - Validation: styles were changed
    • 809 - CSS Library: general styles adaptation

    Bug Fixing, Tasks & little changes

    • 807 - Floats: the content public method doesn’t set the content when component is active Bug
    • 740 - jQuery: Update to v1.8.3
    • 776 - Delete the .ch-clearfix css class
    • 793 - JS + CSS: Deprecate the .lt-ie7 and .ie6 implementations
    • 796 - Assets: Update sprite and add the Wizard cones

  • Chico UI 0.12.2

    Posted on Nov 16th, 2012 | Comments

    Hi everyone!

    We have some improvements to the framework that requires some changes. 

    The new Content

    The Content feature manages and it is responsible for the content inside the component. Most components like Layer, Modal, Tabs, Validation, Zoom uses this feature.

    The content could be have three different sources: 

    1. DOM Element 
    2. URL
    3. String

    The DOM Element way was changed

    Now you must set the jQuery Object instead of the CSS Selector. Let’s see it in action.

    Before this change, it was like the following example.

    $('.layer').layer('#layerContent'); 

    But now, you must set it in this as a jQuery object.

    $('.layer').layer($('#layerContent')); 

    If you are sending the options as a configuration object do the following.

    $('.layer').layer({'content': $('#layerContent')});

    Maybe you want to add a HTML fragment.

    $('.layer').layer($('<p>This is the new content!.</p>'));

    If you are instantiating a layer and store it in a variable: 

    var layer = $('.layer').layer();

    Then, from the content method you can set a different content.

    layer.content($('#layerContent'));

    Also, the Layer allows you to change the content from the show method.

    layer.show($('#layerContent'));

    Improvements & changes

    Validation default messages

    Now, each Validation has a default message. 

    If you set a Max validation like this:

    $('.amount')required().and().max(10); 

    You will get the following:

    Component names

    To be accurate with the standards, we have changed some component names. 

    The TabNavigator component now is called Tabs and the Expando is called Expandable. 

    You should instantiate the component in this way 

    $('.tabs').tabs(); 

    instead the old way 

    $('.tabs').tabNavigator();

    Don’t be worried, you will be able to change it progressively. The old name and the new name will be together for a few versions.

    Performance and flexibility

    We are going to change the class taxonomy and other things, to be faster, stronger, more flexible and more performant.

    In this version we:

    • started to unify the mobile and desktop framework at the same repository.
    • release a test engine using Jasmin.
    • are moving to prototype inheritance way.
    • changed the Factory.
    • deprecated the Controllers class.

    Bug Fixing

    v0.12.2

    • 774 - Tabs: When it gets its content via ajax, it doesn’t wor
    • 773 - Floats: The public “content” should be a method, like previous versions

    v0.12.1

    • 765 - Zoom is not working on IE (7,8,9)

  • Chico UI 0.11.1

    Posted on Sep 28th, 2012 | Comments

    Hi everyone! 

    We’ve released a minor version it has some visual changes, new features, improvements & resolved issues. 

    What did it change?

    The UI design team has released a new look & feel. It could be important that you know those changes when you update the v0.11.1. The relevant modifications are in Form, Menu, Message Boxes & Spinners. Take a look!

    Form

    Form component v0.11.1

    Message Boxes

    Message Boxes component v0.11.1

    Menu

    Menu component v0.11.1

    New Features

    Spinner Control

    The spinner changed its look and it has 3 sizes: .ch-loading-small, .ch-loading, .ch-loading-big 

    Other new features

    • 746 - Form: Create big inputs
    • 745 - Datagrid: create new table with controls

    Improvements

    Close 

    The close component now can be used in many ways, with an A, SPAN, P or DIV element. Please, notice in the WAI-ARIA role attribute. It’s used to indicate that the element has behavior and its semantic is changed. So, the SPAN element is now a BUTTON, not a sectioning element.

    <a href="#close" role="button" class="ch-close"></a>
<span role="button" class="ch-close"></span>
<p role="button" class="ch-close"></p>
<div role="button" class="ch-close"></div>

    Other improvements

    • 724 - Core CSS: Close button isn’t aligned
    • 715 - CSS Sprites: reduce the file size of PNG files
    • 712 - DatePicker: The floating element should be aligned to the center

    Bug Fixing 

    • 744 - DatePicker: disabled days can be selected.
    • 742 - Modal: if you create a new float widget into a modal, closable property fails.
    • 741 - Tabs: The first tab always is open.
    • 720 - Pagination: Hover styles applied in the first and last child always
    • 717 - Layer: width configuration doesn’t overwrite min-width in .ch-layer
    • 714 - Tabs: the first tab doesn’t show
    • 713 - CSS: The pseudoselector is wrong.
    • 711 - Tabs: .select() method should be getter and setter
    • 708 - Modal: The widget closes by itself when It’s showing the second time
    • 578 - Calendar: “today” isn’t working on “from”/”to” parameters