Webix6 / Icons / Pager

i use the old skin 'air' for my project. with version 6 are the icons for {common.first()} {common.prev()} {common.pages()} {common.next()} {common.last()} gone. what can i do?

Comments

  • Hello @roko ,

    The point is that such old skin as 'air' is normally supported by Webix version 5.4. So it's not recommended to combine this old skin with a new Webix version.
    I can recommend you to upgrade the skin to the newest one or use the old skin adding icons manually via css

  • Thank you, Nastja, How can i add icons manually via css? should i make a new css or update the air.css. And i find no png-files in webix-folder.

  • edited January 10

    You can set the class to the element which you want to style (add an icon), and then use CSS content property(is used with the ::before and ::after pseudo-elements) to define the needed icon.
    Something like

    {
    view:"..",
    css:"icon",
    ...
    }
    
    and
    
    .icon::after{
      content:url('.../.png')
    }
    

    if in the version 5.4 you could set the icon like this:

     template:"<span class='webix_icon fa-file-video-o'></span>"
    

    So in the new version you need to do some actions. You can read about it
    here(but it's work only with existing skins (not 'air')):
    https://docs.webix.com/desktop__icon_types.html
    and here:
    https://blog.webix.com/webix-6-0-and-icons-painless-transition/

    If we talk about pager, so
    Also, you can change the icons in the array of the pager's buttons:
    https://snippet.webix.com/y9pjkg1n

  • Thank You! i will try it next week.

Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

In this Discussion