1) I just dropped the Flexicious Library into my project, created an ExtendedDataGrid, and the buttons do not show up. OR
2) How do I style the Print Preview/Print Options/Export Options windows?
3) How do I add/remove/re-order buttons that show up in the Flexicious toolbar?
The answer to all of these lies in the CustomPagerControl.
There is a bare bones default pager control built into the library, which only contains the four paging buttons (previous, next, first, last). If you do not specify a pagerRenderer and enablePaging, this is what will show up.You can then wire up additional buttons somewhere on the UI to invoke the PrintController, ExportController, Preferences, etc. (See the Flexicious 101 post for details).
However, to eliminate the need to do this, in the sample project, we include a CustomPagerControl, that has these buttons prewired. The custom pager control also hooks up the custom renderers for Print, Preview, Export and Preference Persistence. The idea is that should you need, you can easily modify the UI of the various Flexicious features.
So the answer to
Q1 : You do not see them because they are not a part of the core library, but the CustomPagerControl, which you might not have wired up
Q2: To style these windows, 1) Ensure you are using the CustomPagerControl & 2) Modify the MyPrintOptionsRenderer, MyPreviewRenderer, MyExportOptionsRenderer, SettingsPopup, and SaveSettingsPopup files as you need. Also, please ensure you look at MyPrintOptions and MyExportOptions to understand how the screens are wired.
Q3 : Modify the CustomPagerControl file as you need.
To ensure that you are using the Custom Pager Control:
From the sample project, copy all files from the following folder:
Please note, if your folder structure is differnent, you will have to modify the name spaces and imports accordingly.
now, in your grid's declaration, you can hook up the CustomPagerControl like this:
<grids:ExtendedDataGrid .... pagerRenderer="com.sample.examples.support.CustomPagerControl"/>
Update : For Ultimate, the concepts are the same, but the built in pager control is a lot more functional than the barebones that ships with Classic. Although, the process for customizing the pager control will be very similar. On the demo page, scroll down to the "Styles Demo", which demonstrates how to customize the pager bar. One thing to note - Ultimate needs you to extend IExtendedPager as opposed to IPager. The default pager renderer is available here and the images needed are here. As an FYI, the images are located in a folder as a sibling to the src folder. If your assets folder sits underneath your src folder, you could simply search and replace "/../assets" with "/assets" and you should be good to go.
Update 2: A complete sample project with a custom pager renderer for ultimate is available here:
CustomPagerRenderer.zip (57.54 kb)