| Examples | Here is a list of all Elementary examples |
| elm_bg - Plain color background. | |
| elm_bg - Image background. | |
| elm_bg - Background properties. | |
| Actionslider usage | |
| elm_transit - Combined effects and options. | This example shows how to apply the following transition effects: |
| elm_transit - Combined effects over two objects. | This example shows how to apply the transition effects: |
| elm_transit - Basic transit usage. | |
| elm_transit - Chained transitions. | |
| General (top-level) functions example | |
| Theme - Using extensions | |
| Theme - Using overlays | |
| Button - Hello, Button! | |
| Button - Complete example | |
| elm_bubble - Simple use. | |
| Box - Basic API | |
| Box - Layout transitions | |
| Calendar - Simple creation. | |
| Calendar - Layout strings formatting. | |
| Calendar - Years restrictions. | |
| Calendar - Days selection. | |
| Calendar - Signal callback and getters. | |
| Calendar - Calendar marks. | |
| Spinner widget example | This code places seven Elementary spinner widgets on a window, each of them exemplifying a part of the widget's API |
| Slider widget example | This code places seven Elementary slider widgets on a window, each of them exemplifying a part of the widget's API |
| Panes widget example | This code places two Elementary panes widgets on a window, one of them displayed vertically and the other horizontally, to exemplify a part of the widget's API |
| Clock widget example | This code places five Elementary clock widgets on a window, each of them exemplifying a part of the widget's API |
| Datetime widget example | This code places three Elementary Datetime widgets on a window, each of them exemplifying the widget's different usage |
| Dayselector widget example | This code places two Elementary dayselector widgets on a window, each of them exemplifying the different widget styles |
| Mapbuf Widget Example | This code places an Elementary mapbuf widget on a window, to exemplify part of the widget's API |
| Map Example - Creation and Zoom | This code places an Elementary map widget on a window, to exemplify part of the widget's API |
| Map Example - Overlay Usage | This code places an Elementary map widget on a window, to exemplify part of the widget's API, related to overlays |
| Map Example - Route and Name Usage | This code places an Elementary map widget on a window, to exemplify part of the widget's API, related routes and names |
| Diskselector widget example | This code places 4 Elementary diskselector widgets on a window, each of them exemplifying a part of the widget's API |
| Diskselector - Items management | This code places an Elementary diskselector widgets on a window, along with some buttons trigerring actions on it (though its API) |
| List widget example | This code places a single Elementary list widgets on a window, just to exemplify the more simple and common use case: a list will be created and populated with a few items |
| List widget example | This code places a single Elementary list widgets on a window, exemplifying a part of the widget's API |
| List - Items management | This code places an Elementary list widgets on a window, along with some buttons trigerring actions on it (though its API) |
| Toolbar Example - Simple Items | This code places an Elementary toolbar widget on a window, to exemplify part of the widget's API |
| Toolbar Example - Items with States | This code places an Elementary toolbar widget on a window, to exemplify part of the widget's API |
| Toolbar Example - Items with Menus | Toolbar widgets have support to items with menus |
| Segment Control Example | This code places an Elementary segment control widgets on a window, to exemplify part of the widget's API |
| Flip selector widget example | This code places an Elementary flip selector widget on a window, along with two buttons trigerring actions on it (though its API) |
| File selector widget example | This code places two Elementary file selector widgets on a window |
| File selector button widget example | This code places an Elementary file selector button widget on a window, along with some other checkboxes and a text entry |
| File selector entry widget example | This code places an Elementary file selector entry widget on a window, along with some other checkboxes |
| Layout - Content, Table and Box | This example shows how one can use the Layout widget to create a customized distribution of widgets on the screen, controlled by an Edje theme |
| Layout - Predefined Layout | This example shows how one can use the Layout with a predefined theme layout to add a back and next button to a simple window |
| Layout - Signals and Size Changed | This example shows how one can send and receive signals to/from the layout, and what to do when the layout theme has its size changed |
| Hover example | |
| Flip example | |
| Label example | |
| Image example | |
| Icon example | |
| Hoversel example | |
| Conformant Example. | In this example we'll explain how to create applications to work with illume, considering space required for virtual keyboards, indicator and softkeys |
| Index widget example 1 | This code places an Elementary index widget on a window, which also has a very long list of arbitrary strings on it |
| Index widget example 2 | This code places an Elementary index widget on a window, indexing grid items |
| Ctxpopup example | |
| Separator example | |
| Radio example | |
| Panel example | |
| Gengrid widget example | This application is a thorough exercise on the gengrid widget's API |
| Entry - Example of simple editing | As a general overview of Entry we are going to write an, albeit simple, functional editor |
| Genlist - basic usage | This example creates a simple genlist with a small number of items and a callback that is called whenever an item is selected |
| Genlist - list setup functions | This example is very similar to the Genlist - basic usage, but it fetch most of the properties of the genlist and displays them on startup (thus getting the default value for them) and then set them to some other values, to show how to use that API |
| Genlist - different width options | This example doesn't present any other feature that is not already present in the other examples, but visually shows the difference between using the default list options (first list of the example), setting the horizontal mode to ELM_LIST_LIMIT (second list), enabling compress mode (third list) and using height_for_width option (fourth list) |
| Genlist - items manipulation | This example is also similar ot the Genlist - basic usage, but it demonstrates most of the item manipulation functions |
| Genlist - working with subitems | This is probably the most complex example of elementary Genlist |
| Thumb - generating thumbnails. | This example shows how to create a simple thumbnail object with Elementary |
| Progress bar widget example | This application is a thorough example of the progress bar widget, consisting of a window with various progress bars, each with a given look/style one can give to those widgets |
| Notify example | |
| popup_example_01.c | |
| popup_example_02.c | |
| popup_example_03.c | |
| Frame example | |
| Check example | |
| Color selector example | |
| Slideshow widget example | This application is aimed to exemplify the slideshow widget |
| Photocam example | |
| Inwin - General overview | Inwin is a very simple widget to show, so this example will be a very simple one, just using all of the available API |
| Scroller example | |
| tutorial_table_01 | In this example we add four labels to a homogeneous table that has a padding of 5px between cells |
| tutorial_table_02 | For our second example we'll create a table with 4 rectangles in it |
| Menu Example | |
| Win - General API overview | For most users of the Elementary API, the Win widget has a lot more functions than what they need |
| Web - Simple example | WebKit-EFL is independent of any particular toolkit, such as Elementary, so using it on applications requires that the programmer writes a lot of boiler plate code to manage to manage the web object |
| EFL Threading example 1 | You can use threads with Elementary (and EFL) but you need to be careful to only use eina or eet calls inside a thread |
| EFL Threading example 2 | You can also use ecore_main_loop_thread_safe_call_sync() to call a specific function that needs to do EFL main loop operations |
| EFL Threading example 3 | Like with ecore_main_loop_thread_safe_call_sync() you can provide a callback to call inline in the mainloop, but this time with ecore_main_loop_thread_safe_call_async() the callback is queued and called asynchronously, without the thread blocking |
| EFL Threading example 4 | Now when you want to have a thread do some work, send back results to the mainloop and continue running but the mainloop controls when the thread should stop working, you need some extra flags |
| EFL Threading example 5 | This is the same as EFL Threading example 4 but now uses the ecore_thread infrastructure to have a running worker thread that feeds results back to the mainloop and can easily be cancelled |
| EFL Threading example 6 | You can also use the ecore_thread infrastructure for compute tasks that don't send feedback as they go - they are one-shot compute jobs and when done they will trigger the end callback in the mainloop which is intended to pick up the results and "display them" |
| Prefs Example 01 | This example shows how to create a simple prefs widget with Elementary, where the items values are "reset" on each timer tick |
| Prefs Example 02 | This example shows how to create a simple prefs widget with Elementary, where some items properties are changed on each timer tick |
| Prefs Example 03 | This example shows how to create a prefs widget with Elementary, where some prefs item values are changed, some actions take place on an object different than the prefs widget (an Edge object) |
| bg_example_01.c | |
| bg_example_02.c | |
| bg_example_03.c | |
| Actionslider example | |
| Transit example 1 | |
| Transit example 2 | |
| General (top-level) functions example | |
| Clock example | |
| Datetime example | |
| Dayselector example | |
| Flipselector example | |
| Fileselector example | |
| Fileselector button example | |
| Fileselector entry example | |
| Index example | |
| Index example | |
| layout_example_01.c | |
| layout_example_02.c | |
| layout_example_03.c | |
| An example of layout theme file | This theme file contains two groups |
| Gengrid example | |
| genlist_example_01.c | |
| genlist_example_02.c | |
| genlist_example_04.c | |
| genlist_example_05.c | |
| thumb_example_01.c | |
| Progress bar example | |
| Slideshow example | |
| EFL Threading example 1 | |
| EFL Threading example 2 | |
| EFL Threading example 3 | |
| EFL Threading example 4 | |
| EFL Threading example 5 | |
| EFL Threading example 6 | |
| prefs_example_01.c | |
| prefs_example_01.epc | |
| prefs_example_02.c | |
| prefs_example_02.epc | |
| prefs_example_03.c | |
| prefs_example_03.epc | |
| prefs_example_03.edc | |
| Combobox example | |
| Examples with C++ Bindings. | Here is a list of Elementary C++ Examples |
| Lambda Functions with Elementary - C++11 | With this tutorial we'll give you a better view of how the lambda function can and will be constantly use in the C++ bindings |
| elm::bg - Plain color background with C++ binding | |
| elm::bg - Image background using C++ binding | |
| elm::bubble - Simple use with C++ binding | |
| Button - Hello, Button! | |
| Button - Complete example | |
| Calendar - Simple creation with C++ binding | |
| Calendar - Layout strings formatting with C++ binding | |
| Calendar - Years restrictions with C++ binding | |
| Calendar - Days selection with C++ binding. | |
| Calendar - Signal callback and getters with C++ binding. | |
| Clock widget example wit C++ binding. | |
| Datetime Example with C++ binding | |
| Glview example with C++ Binding | |
| Hoversel example with C++ Binding | |
| Icon Example with C++ binding | |
| Location example with C++ Binding | |
| Menu Example with C++ Binding | |
| Popup example with C++ Binding | |
| Radio example with C++ Binding | |
| Separator with C++ Binding | |
| Slider widget example with C++ Binding | |
| Spinner widget example with C++ Binding | |
| Table Example with C++ binding - Homogeneous | |
| Table Example with C++ binding - Heterogeneous | |
| Thumb - Generating thumbnails with C++ Binding | |
| Examples with Javascript Bindings. | Here is a list of Elementary JS Examples |
| elm.Bg - Image background using Javascript Binding | |
| Calendar - Simple creation with Javascript Binding | |
| Calendar - Years restrictions with Javascript Binding | |
| Datetime Example with Javascript Binding | |
| Clock widget example with Javascript Binding. | |
| Separator with Javascript Binding | |
| Icon Example with Javascript Binding | |
| Authors | |
| Infrastructure list | Elementary is mostly composed of widgets, but it also contains some infrastructure modules that facilitate the use of widgets |
| Widget list | Here is a list of the widgets and some images to give you an idea of what they are: |
| Containers List | Elementary is about displaying its widgets in a nice layout, for this purpose it provides a number of containers |
| Threading | You may use threads with EFL, but only in specific ways |
| Elementary Prefs Data Collection Reference | An Elementary Prefs Collection is a plain text file (normally identified with the .epc extension), consisting of instructions for the Elm Prefs Compiler |
| Deprecated List | |