Today I’m very proud to release the brand new plugin Splitview, an awesome plugin for splitscreen preview.
To not repeat myself, read more information on Github:
https://github.com/jenstornell/splitview
Now, flood me with issues, questions, ideas, pull requests and so on. Just be aware that it only works well in Kirby 2.2+.
I got 8 likes here and 3 stars on Github. I mean, 3 stars! That’s a new record!
I’ve been working hard with the new version. It may look very much like the previous version but it has been completely rewritten. It’s really a good base for the future.
Tested with Kirby 2.2.1
One of the new features is that the splitview remember things between pageloads like orientation (columns / rows), view (split, panel or site) and visible (splitview visible or not on load). It’s invisible but quite useful.
New things here are icons for panel and site as well as the new orientation switch.
Here we can see orientation as rows. The switch is in the upper right corner.
Full screen panel view. New here is an icon for the back button, to look more like the panel-bar plugin. A pin function added to pin the admin, leaving the splitview.
There are some stuff for more advanced users like config options. There is also the possibility to send js options to the js splitview function. That can be useful if using an own template with custom options.
Read more here: https://github.com/jenstornell/splitview/blob/development/CHANGELOG.md
More docs needed on the option part. I will update them soon.
This looks really cool! I wanted to add something like this natively for quite a while. Need to check your solution out a bit more closely as soon as there’s more time left.
I tried it. It works really great!
It’s the biggest release so far. In fact, I changed how it works. In version 0.2 splitview was a function that you could use by pressing a keyboard shortcut. You can still do that but it’s not just a function anymore, it’s a tool. It even has an own url.
I have more ideas now than I had when I first started so there is still much that can be done.
I know that @bastianallgeier is thinking of implementing something similar, but it does not yet exist. Until then or longer I will continue to develop this thing.
(click to enlarge)
The smallest change might have the biggest impact. With the new little “copy” feature you can use Splitview to compare pages on your own site easily.
I never really liked the modal thing in the previous version, so I changed it to more native Kirby dropdown menus.
The “view” and “orientation” modes are now merged into just “view”. There is really no need for them to be set apart.
It might not look like it, but the bar has gone through many stages and much (re)thinking before it was set as it is now.
The menu bars are much more equal than previous versions. The “global” menu is gone.
It’s possible to toggle the menu buttons when need to see more of the address bar (the little arrow button).
Copy the url to the other view. Now you can now use Splitview to compare pages on your site. Copy will probably make it easier.
in wich File i have to Paste The Code 
, do you think you can send me a Screenshot?
When downloading the ZIP-file from Github you will probably get a file called splitview-master-zip. That’s how Github names it.
splitview-master.assets in it, then you are right. In that case rename splitview-master it to splitview.splitview-master folder inside, then you first need to get it out, and then rename it to splitview.I paste it from the github page:
splitview folder in /plugins/. If folder is another name like splitview-master, rename it to splitview.<?php echo splitview(); ?> right before </body> in your footer of all your pages.alt + s to activate the Splitview.Ask again if it’s unclear.
i dont understand The Number 3 in “Setup” do you mean i have to Paste it in the Footer.php??
You probably have a file in your Kirby setup site/snippets/footer.php. In that file, right before </body> you should place <?php echo splitview(); ?>.
That loads a little javascript that make the keyboard shortcut work (alt+s) so you can access the Splitview. (Just be sure to be logged in to the panel)
oh sooo close !! 
<?php echo splitview(); ?>
</body>
so right? xd 
Yes man, goo for it !!
its not Work , I’m using Google Chrome for Windows
I just installed a fresh installation of both Kirby and Splitview and it works for me. I also use Google Chrome for Windows.
To debug you can do this:
What version of Kirby are you using? It works with version 2.2 and up.
I use F12 on the keyboard to show the developer toolbar. If the plugin is installed correctly and the function is added in the footer it should look like this. Look for “Splitview # Start”.
Maybe you have some javascript error? It can prevent the script from running. It can be checked in the developer toolbar under “Console”. If there are nothing there no errors accur.
It’s really important to be logged in to use the Splitview. If not logged in you don’t have access to the Splitview or the panel.
After logged in. Go to the frontend and use the keyboard shortcut.
You need to hold down “alt” key and press “s” to get to the Splitview tool. Did you do that? That you need to do on the fronend. It does not yet work from the panel.
I have the version 2.2.3, and i Dont have Java Errors, do you think i have that Problem because i have installing it whit GIT??
https://github.com/jenstornell/splitview
Main features for this release are Flip button, improved sync and improved address bar. A lot has been done under the hood not visible in the tool, so it might look like a minor release.
Flip in the menu
Refresh button moved to flash menu
Flip make the views switch place.
Exit click now support middle mouse click. When clicking the left mouse button it exit to the same tab as you are in. On middle click it exit to a new tab (in most browsers). I hope it work on a Mac as well.
Now it does not matter if you have the panel url in the first or the second view, Splitview detect what is the panel and what is the site. That make the Sync function work much better.
Space is always of value in the address bar. Therefor I moved / removed the toggle button to be more of an invisible feature.
You can still toggle the menu. Just click the address field and it will expand.
Too much information? Try it out instead.
In the previous version the reload page button was inside the address field container. Now it has been moved to the flash dropdown menu instead.
Reasons behind the decision:
Getting the following error, both in front and the panel. Windows, WAMP, Chrome.
Fatal error: Can't use function return value in write context in ...wamp\www\test\site\plugins\splitview\core\options.php on line 17
What version of Kirby are you using? I tried it and for me it works, even with no options set.
I added an if statement around the foreach. It should fix that problem, but I don’t know if you will get more related problems down the line.
// Options get replacement
public static function optionsGetReplacement( $keys, $options ) {
$new_options = array();
if( ! empty( $keys ) ) { // Added
foreach( $keys as $key ) {
if( ! empty( get($key) ) ) {
$new_options[$key] = get($key);
} else {
if( isset( $options[$key] ) ) {
$value = $options[$key];
$new_options[$key] = $value;
}
}
}
return $new_options;
} // Added
}
I will release a new version but if you don’t want to wait you can try it. If you are having more problems, write again.