Trying to modify this to use UiKit

[brianpeat]

Trying to modify this to use UiKit

[cagdasdag]

Hello,

You can use UiKit like that:
1.) Download project and run "npm install"
2.) Run "npm run dev"
3.) Change save method in block.js like that:
save({ attributes }) { return ( <div> <div uk-lightbox={''} style={ {textAlign: attributes.alignItems} }> <a href={ attributes.imageUrl } data-title={ attributes.title }> <img src={ attributes.imageUrl } alt={ attributes.imageAlt } height= { attributes.height } width= { attributes.width } /> </a> </div> </div> ); }

4.) Delete 25-30 line in index.php (Because it is for lightbox plugin. You don't need anymore)
5.) After all of them you need to recreate that block in your post

I tried it works but I hope that works for you too

[brianpeat]

Since I'm not running in a dev where I know how to use npm, I downloaded the master, and removed the lines in the index file and then modified the block.js and removed the dist folder, but the changes made to the block.js file cause it to just default to the generic entry with

around it, so something must be breaking enough that the system just ignores it. I'll keep trying some things though.

thanks!