benbyf

HELLO! I always struggle adding additional functionality, buttons and other settings to the CKeditor and I guess other people might have the same issue at times.

For those who are CKeditor aces would you share your settings in this post to help others with what I guess should be a simple task to extend the default settings.

Extra color select and text formating

toolbar

Format, Styles
Bold, Italic, Underline, -, RemoveFormat
TextColor, BGColor
JustifyLeft , JustifyCenter, JustifyRight, JustifyBlock
NumberedList, BulletedList, -, Blockquote
PWLink, Unlink, Anchor
PWImage, Table, HorizontalRule, SpecialChar
PasteText, PasteFromWord
Scayt, -, Sourcedialog

extra allowed content

small[*]
section
font[style]
span[style]{!color}
code[*]

custom config options

colorButton_colors: ec4626,ffde43,00aaeb,004a87,7b9320,ffffff

extra plugins

colorButton

14 hours ago, Macrura said:

one thing that i would find difficult from the perspective of UI, is that if you click on an image, you lose all context of where you are at, scrolled down – the page scrolls to the top, and even if you close the larger image at the top, it doesn't put you back where you were – this results in an insane amount of vertical scrolling if you wanted to peruse the portfolio items. You may need to either add prev/next navigation to the opened image, or find some other way of presenting the detail of the images when clicked.

Think your right, but part of the design decession was from the client trying to produce a site which was mostly about seeing all the images fast, rather than doing a lot of zooming in to an image.

@szabesz what browser are you seeing that on?

3 hours ago, adrian said:

Great looking site, but clicking the images doesn't work for me:

thanks, will fix now.

http://www.karenthomasphotography.com/

modules: AIOM+, ProcessPageDelete, TextformatterVideoEmbed.

js: isotope, imagesloaded, fitvids, scrollTo, and Jquery with custom AJAX magic.

2 hours ago, Robin S said:

The PDF thing isn't the main issue - that just happened to be the source of the website content in my example.

The crux of it is: you have a website which consists of HTML and Javascript and images. Mobile devices have all the technology built in to render and browse this content. So why should it be so difficult to bundle those files up into some distributable format and view it offline on the device? If someone brings a tool to market that does this they can make a stack o' cash.

Literally Phonegap, Marmalade or Cordova, does this... soooooooo give it a go

HELLOOO!!!!!

If its mainly text, then an offline web app with service worker would be fine as most devices allow yo to save upto 50mb without being prompted and then usually more if you give permission.

A web app would work too for offline use if you had it all as flat html, css and js files. Using Cordova you can bascially convert directly to native app if its a simple site. You can also use things like PhoneGap or Ionic (others are available), but they are all mostly layers on Cordova which actually is the library for the conversion.

Hope that helps

Fair comment but didnt forget as tested in edge and ff and was fine, If anyone has browserstack loggings could they please check?

Ive got some bits here: https://benbyford.com/works/?f=games

and here: https://benbyford.com/experiments/?f=games

Haven't done lots of game stuff yet commerically, and I'm mainly focused on 2d games as 3d requires TIMEEEEEEEEE and money, and i think im just more interested in 2d

• making games on Unity3d
• trying to find work from other web designers and clients
• playing with my baby
• going through the long list of backlog tasks and personal projects to see if i have the time/money to start any (usually games, code learning, or writing)

One of my clients found a bug when viewing the PW admin on chrome using windows - the admin tab nav doesn't appear, they could only see the tool icon either though they were a superadmin user. When viewed on Edge the tabs where present. The site is running on PW 3.0.62 with the default admin.

I was screen sharing with my client when we found the bug, I don't actually have anyway to test this and see what's wrong myself as I dont run windows and dont currently have a cross broswer testing suite. Could someone please look into it briefly?

10 minutes ago, Christophe said:

Edit: you have 528 posts and 528 likes :).

The stars have aligned

@Christophe thats madness, not seen this issue before. Seems Opera and Chromium (though only tested on Opera), is having a problem with css column-count. Any experience with this as can't rectify on quick test.

Thanks gang, this is why i love this forum. @maxf5 not really a bug, but maybe could be improved (peril of only testing on a laptop ). @dragan totally right, i might kill the twitter on mobile and thanks for the php spot.

20 minutes ago, 3fingers said:

Nice sites!

Very curious about your "next-to-come" modules

me too

Yep fully aware. Client's dragging their feet to add content.

http://artistblacksmith.org.uk/

Portfolio site for Blacksmith working in Gloucesterhire, UK.

Design and build.

http://stellardebating.nicegrp.com/

Not yet live site for school debating courses across UK. Custom payment system for booking and managing courses and teachers at multiple schools.

Design, logo design, build. Illustrtion by http://torritaylored.com/

http://store.benbyford.com/

Not yet live store fo premium modules. Started working on this and got lots of client work so haven't got back to it yet to finish and release modules. Fingers crossed will have the time soon.

Design and build.

Cant actually see why this is the case, works fine on desktop browserss, but on iOS safari it disregards the right hand menu items <a> events ...

Awesome work! Keep it up!

quick note, the logo looks abit crunchy on my macbook pro, would suggest hi res image or svg.

Thanks @SamC will check it out!

Hi everyone.

I've made a tiny module for adding a folder select input in the admin, this allows you to select a folder path from the dropbox account associated with the DropboxAPI module. This module requires the above DropboxAPI module to work.

I made this with a lot of great advice from @abdus though much simpler than I think they would have done it. TBH I got totally confused about how to implement fieldtypes and inputfield modules and I hope that there could be an effort for tutorials or docs on this - e.g. requirements to register a inputfield, setting and using config options, interacting with the input on a page, creating a fieldtype and requirements, schema best practise.. etc.

https://github.com/benbyford/InputfieldDropbox

install / setup:

• DropboxAPI module
  • download and install DropboxAPI module, adding to your site/modules folder
  • install in modules section of admin
  • goto: https://www.dropbox.com/developers/apps
  • add new app
  • choose dropbox api, folder access, then name the folder which will appear in your dropbox /apps/
  • copy api codes and add to DropboxAPI settings.
• InputfieldDropbox module
  • download and install InputfieldDropbox module, adding to your site/modules folder
  • install in modules section of admin
  • add new textarea field in processwire admin, save
  • within Details tab, select Dropbox on Input type select box.

This gif shows me selecting from options found within my dropbox account within folder /apps/theNameOfTheRegisteredFolder.

Pithy comment alert:

If its not broke.

Give it ago a report back (this harps back to simply making your own admin using the API).

and

Age over beauty

(there's probably more where those come from

Vanilllllllllla js for the win.

Although for me its the right tool for the job. Jquery is mostly a sugar to make browsers play nice, and a toolkit of repeatable actions (fade, move, etc). Vue and React are MV* for two way data binding... so basically doing mostly a different job (altough like angular your find front end animation helpers too).

Soooo, frameworks go out of fashion (remember when everyone was using Backbone?!), but vanilla won't and right tool for the job.

Still doesnt make sense to me, anyone else got a tutorial or good examples of how inputfields and field types can be implemented?

Or maybe can even pay someone for an hours english tutorial over hangout or skype, as would like to get to gribs with this for future modules.

Thanks

Hi @cleanboy

I think i'm right in saying that the payment modules are wrappers for the Stripe and Paypal libraries, therefore you can access the Stripe methods in Processwire.

That said, I think you were asking how to use it, the example shows how you can pass amounts and basic customer information to Stripe, if a successful request is made Stripe pass you back a payment button which enables the customer to click and add their card details. The module does not store any information on the purchase, what was purchased, who by or anything infact, its just a way of interacting with Stripe or Paypal.

If you need to track payments or are selling physical items you will need someway of keeping track of transactions and items like a store e.g. padloper or create your own tracking (which I've done several times mainly because I've been selling digital goods like subscriptions so have little need for item tracking or postage variables).

Hope that helps.

Cool thanks @abdus but again how the hell was I supposed to know that??? seems an old choice to have somethings just turn up in the admin (Process modules for example), and other types to be hookable without much reference. Think maybe a config, or function call would do the job... ?

like poking a bear, how we supposed to know any of this?! I don't get any inputfields for text, but i do for textarea. How would i add one for text, or any other fieldtype , and is there any docs on this would be the actually question i guess... super infuriating.