Well played, bookmarked

Can this be made into a google hangouts app???

I always give the "initiative keeper" extra XP to keep notes. We like to do it in the dotted format suggested, success.advantage.triumph.

A dead simple way to track initiative is using a kanban tool like Trello with little cards you can move around. I was doing this with Scapple up until I delegated. In the end it doesn't really matter what you rolled, it's the order.

Can this be made into a google hangouts app???

If you are using google hangouts, are you also using Roll20!? If so, you can use the initiative tacker built into that app. Create a single generic token for PCs and paste one for each PC onto the background. Do the same for NPCs. Assign the initiative vaules as x.x as mentioned above. When it sorts them, you'll have your initiative order in a snap.

Great tool!

Since you're asking for suggestions, instead of typing in values for success/advantage/triumph, it would be pretty awesome if you could make them +/- buttons. That way it could be used on a phone or something more easily (I prefer not to have a full laptop out while gaming). I just find typing in 2 or 3 values per person in different boxes to take too long compared to just writing it down. Tapping +/- buttons would make it far quicker for a mobile.

Also, scaling the image down would make the whole site cleaner on a mobile browser. Ideally, the input and initiative tables would scale to the width of your browser window and nothing else on the page would force it to be larger and make you zoom and pan around to find the initiative and input tables.

Can this be made into a google hangouts app???

I've considered it. But like others have said, the built-in Roll20 Order Tracker thingy works pretty well if you use decimal format then sort.

Great tool!

Since you're asking for suggestions, instead of typing in values for success/advantage/triumph, it would be pretty awesome if you could make them +/- buttons. That way it could be used on a phone or something more easily (I prefer not to have a full laptop out while gaming). I just find typing in 2 or 3 values per person in different boxes to take too long compared to just writing it down. Tapping +/- buttons would make it far quicker for a mobile.

Also, scaling the image down would make the whole site cleaner on a mobile browser. Ideally, the input and initiative tables would scale to the width of your browser window and nothing else on the page would force it to be larger and make you zoom and pan around to find the initiative and input tables.

This actually crossed my mind and I believe the HTML5 controls that force a numeric input automatically have this very thing (assuming your browser supports HTML5). I'll give it a try. If it works, it'll be a trivial change to make.

And good point about the image. I'll have do some more mobile testing on this to make sure to avoid scrolling.

And good point about the image. I'll have do some more mobile testing on this to make sure to avoid scrolling.

I'll help test it! I've been looking for something to get away from this auto-sorting spreadsheet I made on my google drive.

This is really cool Jaspor, thanks for taking the time to do this.

It works just fine, but if you make any additions a current turn tracker would be awesome.

And good point about the image. I'll have do some more mobile testing on this to make sure to avoid scrolling.

I'll help test it! I've been looking for something to get away from this auto-sorting spreadsheet I made on my google drive.

Cool, thanks for the offer! It's been updated with numeric input fields and and a smaller image. Looks good on my Android phone, but if you could comment on how it looks an iPhone now, most appreciated!

This is really cool Jaspor, thanks for taking the time to do this.

It works just fine, but if you make any additions a current turn tracker would be awesome.

Thanks! For the turn tracker, how do you envision it? An additional column with numbers to track who's in which round? A checkbox/radio button column that you click on the next row when it's their turn (and only one can be selected at a time)? I'm open to adding the feature, just need to figure out the best way to implement it.

A column of radio buttons would work well, as long as only one is selectable at a time.

And good point about the image. I'll have do some more mobile testing on this to make sure to avoid scrolling.

I'll help test it! I've been looking for something to get away from this auto-sorting spreadsheet I made on my google drive.

Cool, thanks for the offer! It's been updated with numeric input fields and and a smaller image. Looks good on my Android phone, but if you could comment on how it looks an iPhone now, most appreciated!

This is really cool Jaspor, thanks for taking the time to do this.

It works just fine, but if you make any additions a current turn tracker would be awesome.

Thanks! For the turn tracker, how do you envision it? An additional column with numbers to track who's in which round? A checkbox/radio button column that you click on the next row when it's their turn (and only one can be selected at a time)? I'm open to adding the feature, just need to figure out the best way to implement it.

How about a "down" button that highlights the next Initiative slot via a change in the background color.

Also, for handling different sized windows, look into something like Bootstrap (http://getbootstrap.com/) to dynamically change what CSS is used based on your choice of settings.

And good point about the image. I'll have do some more mobile testing on this to make sure to avoid scrolling.

I'll help test it! I've been looking for something to get away from this auto-sorting spreadsheet I made on my google drive.

Cool, thanks for the offer! It's been updated with numeric input fields and and a smaller image. Looks good on my Android phone, but if you could comment on how it looks an iPhone now, most appreciated!

Alas I'm also on Android running 1080x1920 in portrait. The numeric input fields make it far easier since I can put in successes then hit next to input advantages. Changing the image size worked well, but I still have to change the zoom level and pan around though because the text at the top is now larger than the tables. Ideally I'd think the tables themselves would fit to the width of your browser if that's do-able. Otherwise looking great!

And good point about the image. I'll have do some more mobile testing on this to make sure to avoid scrolling.

I'll help test it! I've been looking for something to get away from this auto-sorting spreadsheet I made on my google drive.

Cool, thanks for the offer! It's been updated with numeric input fields and and a smaller image. Looks good on my Android phone, but if you could comment on how it looks an iPhone now, most appreciated!

This is really cool Jaspor, thanks for taking the time to do this.

It works just fine, but if you make any additions a current turn tracker would be awesome.

Thanks! For the turn tracker, how do you envision it? An additional column with numbers to track who's in which round? A checkbox/radio button column that you click on the next row when it's their turn (and only one can be selected at a time)? I'm open to adding the feature, just need to figure out the best way to implement it.

How about a "down" button that highlights the next Initiative slot via a change in the background color.

Also, for handling different sized windows, look into something like Bootstrap (http://getbootstrap.com/) to dynamically change what CSS is used based on your choice of settings.

I actually tried using Bootstrap (though I'm fairly new to it) on the first attempt. I didn't like that when it took the rows and made them into columns, that meant that all the column headers showed up as individual rows and then the input fields showed up as rows after that, if that makes any sense. I'm probably doing something wrong, but I just used the "row" and "col-sm-#" classes on div tags. I gave up and went back to a regular HTML table.

And good point about the image. I'll have do some more mobile testing on this to make sure to avoid scrolling.

I'll help test it! I've been looking for something to get away from this auto-sorting spreadsheet I made on my google drive.

Cool, thanks for the offer! It's been updated with numeric input fields and and a smaller image. Looks good on my Android phone, but if you could comment on how it looks an iPhone now, most appreciated!

Alas I'm also on Android running 1080x1920 in portrait. The numeric input fields make it far easier since I can put in successes then hit next to input advantages. Changing the image size worked well, but I still have to change the zoom level and pan around though because the text at the top is now larger than the tables. Ideally I'd think the tables themselves would fit to the width of your browser if that's do-able. Otherwise looking great!

Yep, you're right about the text looking a bit too big now that you mention it. I'll see about tweaking that as well. Thanks again for the feedback!

And good point about the image. I'll have do some more mobile testing on this to make sure to avoid scrolling.

I'll help test it! I've been looking for something to get away from this auto-sorting spreadsheet I made on my google drive.

Cool, thanks for the offer! It's been updated with numeric input fields and and a smaller image. Looks good on my Android phone, but if you could comment on how it looks an iPhone now, most appreciated!

This is really cool Jaspor, thanks for taking the time to do this.

It works just fine, but if you make any additions a current turn tracker would be awesome.

Thanks! For the turn tracker, how do you envision it? An additional column with numbers to track who's in which round? A checkbox/radio button column that you click on the next row when it's their turn (and only one can be selected at a time)? I'm open to adding the feature, just need to figure out the best way to implement it.

How about a "down" button that highlights the next Initiative slot via a change in the background color.

Also, for handling different sized windows, look into something like Bootstrap (http://getbootstrap.com/) to dynamically change what CSS is used based on your choice of settings.

I actually tried using Bootstrap (though I'm fairly new to it) on the first attempt. I didn't like that when it took the rows and made them into columns, that meant that all the column headers showed up as individual rows and then the input fields showed up as rows after that, if that makes any sense. I'm probably doing something wrong, but I just used the "row" and "col-sm-#" classes on div tags. I gave up and went back to a regular HTML table.

It isn't just a simple place and you're done... You have to figure out what you want to display where when the page gets to certain sizes. The default theme is just that, a default, heheh. Also tables are the suck for layout Might want to try a few divs instead. An outer div that defines the whole form area, and inner divs that layout the field labels and the fields.