Publishing & Sharing Archives – Squirrel365 https://squirrel365.io/kb/publishing-sharing/ Create stunning interactive content Wed, 31 Jan 2024 16:36:31 +0000 en-US hourly 1 https://wordpress.org/?v=6.8.1 https://squirrel365.io/wp-content/uploads/2020/05/cropped-squirrel_512-1-32x32.png Publishing & Sharing Archives – Squirrel365 https://squirrel365.io/kb/publishing-sharing/ 32 32 How to add projects to PowerPoint https://squirrel365.io/knowledgebase/add-to-powerpoint/ Tue, 01 Dec 2020 15:13:57 +0000 https://squirrel365.io/?post_type=knowledgebase&p=8164 The post How to add projects to PowerPoint appeared first on Squirrel365.

]]>

Add a Squirrel Project to PowerPoint

Adding a Squirrel project to a PowerPoint presentation can transform a static presentation into a visually pleasing, easily understood and dynamic experience.

Step-by-step:

Inside Squirrel

  1. Publish your Squirrel project to the cloud (see the Publishing to Cloud tutorial for more info).
  2. Ensure that the status of the project is set to Live:
    • Click on the ellipses alongside the project to open the More Options menu and click the Move to live option (see the Using the Project Manager tutorial for more info).

  1. Open the More Options menu once again and click Share.
  2. Make sure that the PowerPoint sharing option is active and then click the Copy PPTX ID button.

Inside PowerPoint

  1. Open PowerPoint and create a new blank slide.
  2. Click on the Insert menu and in the Add-ins section, click Get Add-ins.

  1. In the Search field, type Squirrel and press Enter.
  2. When the Squirrel365 Add-in appears, click the Add button.

  1. Read the license terms and privacy policy and then click the Continue button.
  2. The Add-in will be placed in the slide.
  3. Paste the PPTX ID (that you copied in step 4) into the field in the centre and click Confirm.

  1. The Squirrel project will appear in the PowerPoint slide.
  2. You can reposition the project by selecting it and dragging it to a different position with your mouse.
  3. You can resize the project by grabbing the selection handles and moving those. The project will resize but it will maintain its aspect ratio, so it won’t be stretched in either direction.

Note: If you want to swap the project for a different one, select the cog in the bottom right corner and paste in an alternative PPTX ID.

 

Note: Once you’ve used this Add-in once, it should appear in the My Add-ins dropdown list in PowerPoint. You will need to add one for each Squirrel project that you want to include in your presentation.

 

That’s the end of this guide to adding a Squirrel project into a PowerPoint presentation. Take a look at the other tutorials and topics in the Learn section to learn more about using and sharing Squirrel.

The post How to add projects to PowerPoint appeared first on Squirrel365.

]]>
Progressive Web App (PWA) https://squirrel365.io/knowledgebase/progressive-web-app/ Tue, 30 Jan 2024 17:10:51 +0000 https://squirrel365.io/?post_type=knowledgebase&p=19640 The post Progressive Web App (PWA) appeared first on Squirrel365.

]]>
A Progressive Web App (PWA) is essentially a web application that combines the best of both worlds – the web and native applications. PWAs use web technologies to create an app-like experience, which is accessible from any device and platform.

They can be installed on devices similar to native apps, work offline, and integrate with the device and other installed apps. In other words, PWAs are a combination of the benefits of a website’s reach and the advantages of a native application’s functionality.

PWA Properties

Squirrel 1.16 has introduced PWA capabilities to the product as part of its new Project Settings functionality. You can find these settings under the ‘File‘ tab. For more information on the new Project Settings, click here.

The modal contains all the properties needed to convert your project into a Progressive Web App.

To first enable the option for creating a PWA, check the “Enable PWA” toggle switch to display the available properties.

These properties break down into the following:

  • Info

  • Colors & Icons

  • App Store – coming soon!

We will go through each of these areas and what each achieves.

Info

In this tab, you will find all the non-visual properties of your PWA. These include

  1. Name (required) – This field is where the name of your app is entered. By default, it will enter the current name of the project that is set under ‘Publish Options’.
  2. Short Name – This is an optional field that will be used to display with your app should the name chosen above be too long. This will display alongside the icon on the desktop/ mobile UI. (We recommend a short name no longer than 12 characters)
  3. Description – This is where you will describe the functionality and purpose of your application. This will be visible in some app stores.

Colors & Icons

This tab contains all the visual properties of your application. This includes the application’s icon, background color and theme color.

  1. Background color – This set color will be the default of your application before any other styles are loaded. Once loaded, this color will be overwritten by the background colors defined by your CSS.
  2. Theme color – this setting is used by some browsers to style the webpage when viewing the app. This includes the status bar, address bar and other parts of the UI (e.g. the title bar of your application when downloaded to Windows.)
  3. Icon (required) – this is where you will select an image to create your app icon. Squirrel automatically generates the assets required for your app to work across devices.
Image requirements:

Max file size of 5MB

Image formats: JPEG, PNG, SVG

Recommended size: 180x180px

Once you have set and selected all your PWA properties, click ‘OK’ and save your project.

Accessing your PWA

To access your newly created PWA, you will need to publish your project and open it in the browser. There are a few ways to download your created application, and there are a few that are specific to the browser.

Downloading to PC

Chrome

To download from Google Chrome, open the published project link in the Chrome browser. A small download icon will appear at the end of the address bar – select this and you will be prompted to install the application.

Microsoft Edge

To download from Microsoft Edge, open the published project link in the Edge browser. A small download icon will appear at the end of the address bar – select this and you will be prompted to install the application.

Mozilla Firefox

To download from Mozilla Firefox, you will need the ‘Progressive Web Apps for Firefox’ add-in downloaded for the browser. Once installed, a download icon will appear at the end of the address bar where you can install the web-application.

Downloading to Mobile

iPhone

To download from an iPhone browser, open the published project link in the selected browser and select the Share button.

Navigate to and select “Add to Home Screen”

Android

To download from an Android browser, open the published project link in the selected browser and select the More Options button.

Navigate to and select “Install App” – you will then be prompted to confirm the installation.

The post Progressive Web App (PWA) appeared first on Squirrel365.

]]>
Using the Project Manager https://squirrel365.io/knowledgebase/using-the-project-manager/ Wed, 25 Nov 2020 16:50:05 +0000 https://squirrel365.io/?post_type=knowledgebase&p=6523 The post Using the Project Manager appeared first on Squirrel365.

]]>

Using the Project Manager

The project manager can be used to curate your published content, whether published to the cloud or to a local drive. Inside the project manager you can change a project’s status, share or stop sharing projects, view project information and much more. Watch the following video guide to using the project manager, or alternatively read through the description beneath the video if you prefer:

Accessing the Project Manager

After publishing a project, whether to the cloud or to a local drive, the project manager will automatically open. In here is where you will find the project that has just been published, as well as any previously published projects.

The project manager can be accessed at any time in DESIGN mode by selecting it from within the FILE menu:

 

Configuring the Project Manager

In the left hand panel, select from All, Live or Drafts to show files by status.

Click on the Search option to look for a specific file by name.

In the top right are the view options for how you want to organize the projects, choose to arrange the files as a grid or as a list.

The bottom status bar provides important information about your Squirrel cloud allowances:

  • The information on the left shows the amount of cloud storage being used by any projects that have been published to the cloud.
  • The information on the right shows how many of your projects (both published locally and in the cloud) currently have a live status.

 

File Details

Underneath each file is its name, when it was last published, and a more options menu (accessed by clicking the three ellipses). If a cloud icon is shown, this indicates that the project has been published to the cloud, absence of this icon means that the project has been published to a local drive.

 

More Options

Clicking on the more options ellipses underneath each file will reveal a menu, the contents of which will vary according to how the project has been published and also its status. Check the table below to see which options are available and when:

 

Project Status

Each project is given a status:

  • Projects published to the cloud have a default status of live.
  • Projects published to a local drive have a default status of draft.

Only live projects can be shared and used outside of Squirrel, draft projects cannot.

A Live project can be easily identified by this blue icon:

Toggle between live and draft status using the first option in the more options menu. It will either say ‘Move to live’ or ‘Move to drafts’ depending on the project’s current status.

Your Squirrel plan gives you an allowance of live projects, if you max out this allowance you will need to do one of the following:

  • Upgrade your Squirrel plan to include more live projects.
  • Toggle the status of one of your live projects to draft status to free up a live slot.
  • Delete a live project from the project manager to free up a live slot.

Warning: If a live file has been shared anywhere, setting it back to draft or deleting it from the project manager will stop it from working wherever or however it has been shared.

 

Manage Versions

Projects that have been published to the cloud will have version history available, meaning that you can restore a previously published version if you need to.

 

View the project

Live projects published to the cloud can be opened in the browser. The link shown in the address bar of the browser is the Live link that you can use to share the project with other people.

Draft projects published to the cloud can be previewed in the browser, but these cannot be shared or used outside of Squirrel.

 

Information and Statistics

This option is available for all of the projects in the Project Manager. Select to see:

  • Published date and time
  • Status
  • Number of versions
  • Project size
  • Number of views
  • Last viewed date and time

 

Share

The share option is only available for live projects that are published to the cloud. There are three share options which are all checked by default:

  • PowerPoint
  • Web
  • Embed

PowerPoint: Click the Copy PPTX ID button. The ID will be copied to your clipboard. You’ll need a specific addon for PowerPoint that you can paste the ID into in order to display the project within a PowerPoint presentation. For full instructions visit the Add a Squirrel Project to PowerPoint page.

Web: Click the Copy web link button next to the field that contains the URL for the project. You can use this link to share the project with other users, use it in a hyperlink or just paste it into a browser address bar. It can also be pasted into the URL property field of a Web View component so that the project can be shown within another Squirrel project (see this Web View description for more information).

Embed: Click the Get embed code button, then click the Copy button. Paste into the HTML code of a web page to show the Squirrel project within the content of a web page.

Warning: Once a project has been shared via one of these methods, if you subsequently uncheck that sharing method, the project will stop working wherever it has been shared in that way. If it has been shared inside a PowerPoint presentation and you then uncheck the share by PowerPoint option, the project will no longer work within the PowerPoint presentation.

 

Rename and Delete

These two options are self-explanatory. They are available for all projects no matter the location or status.

WARNING: To reinstate a deleted file, it will need to be re-published. The sharing ID/link/embed code will however have changed, so this will need to be updated wherever or however it has been shared to ensure that the project will work once again.

Note: Renaming or deleting files in the Project Manager only affects the published projects, not the development (.sqrl) file which is most likely saved to a local drive.

 

That’s the end of this guide on using the Project Manager. If you’d like more information about sharing your projects for use outside of Squirrel, do look at our other guides and tutorials. If you’d like to discuss the allowances on your current Squirrel plan, please get in touch.

The post Using the Project Manager appeared first on Squirrel365.

]]>
Publishing Locally https://squirrel365.io/knowledgebase/publishing-locally/ Thu, 26 Nov 2020 17:37:07 +0000 https://squirrel365.io/?post_type=knowledgebase&p=6495 The post Publishing Locally appeared first on Squirrel365.

]]>

Publishing Locally

Once a project is completed, it needs to be published so that it can be shared and used outside of Squirrel. Not all Squirrel users have the option to publish locally, but for those that do, this guide will describe the process.

Watch the following video to see how to publish your project locally, or alternatively follow the step-by-step guide beneath the video if you prefer.

Step-by-step:

  1. Save your .sqrl development file and then switch to PREVIEW mode.
  2. Click the PUBLISH button in the top right hand corner of the interface and select Local.
  3. A dialogue box is shown, giving options for publishing to a local drive:

  1. The first thing is to specify a location to publish your Squirrel project to on your local drive. A default location is already in the Location field, click on the folder icon to select a different location if you wish.
  2. In the Name field, add a suitable name for your project. 

Note: If you are overwriting a previously published project i.e. saving a project of the same name to the same location, then a warning dialogue box will show. Click OK to overwrite, otherwise click Cancel and amend the name or location.

  1. The next option is the Background property. Change the colour to tie-in with a theme or your brand guidelines. A background may be shown around your project depending on the dimensions of the project and size of the viewer that it’s situated in.
  2. The Project Position is by default set to a position at the top, middle of the viewer in which it is shown; this can be changed to top left if preferred.
  3. The final set of publishing properties give you some control over granting access to your published project:
    • Adding an expiry date will terminate access to a published project wherever or however it has been shared from that date onwards.
    • Check the Password Protect property to add a password. This will need to be entered for a user to gain access to the published project.

Tip: To make the project accessible after an expiry date, or to change the password, the project will need to be republished. Choose to overwrite the existing file, then extend or remove the expiry date/change or remove the password.

    • The Fullscreen scaling option causes the published project to fill as much of the available space in the viewer as possible – it will retain its aspect ratio meaning that it won’t be stretched either way.
  1. A loading indicator is added by default to a project. This is useful if say, a large project with lots of data takes a little while to load in a browser window, adding this indicator lets you or other users know that it is currently loading. Set to Off if it is not required or necessary.
    • Change the colour of the indicator to tie in with a theme or brand guidelines.
  2. Click the Export button.
  3. The Project Manager will open and you will see your published project added there.

That’s the end of this guide to publishing locally. For more tutorials on publishing, using the Project Manager and sharing your projects, visit the Publishing & Sharing page.

The post Publishing Locally appeared first on Squirrel365.

]]>
Publishing to Squirrel Cloud https://squirrel365.io/knowledgebase/publishing-to-squirrel-cloud/ Thu, 26 Nov 2020 17:46:23 +0000 https://squirrel365.io/?post_type=knowledgebase&p=6430 The post Publishing to Squirrel Cloud appeared first on Squirrel365.

]]>

Publishing to Squirrel Cloud

Once a project is completed, it needs to be published so that it can be shared and used outside of Squirrel. With the introduction of Squirrel cloud, your projects can be published directly to the cloud and stored there. From there they can easily be shared in a web viewer, embedded in a web page, or added to a PowerPoint presentation. (See the Project Manager tutorial for more information about sharing your projects.) Watch the following video to see how to publish your project to the cloud, or alternatively follow the step-by-step guide beneath the video if you prefer.

Step-by-step:

  1. Save your .sqrl development file and then switch to PREVIEW mode.
  2. Click the PUBLISH button in the top right hand corner of the interface and select Cloud.

Note: When publishing to the cloud, a live internet connection is required. If a connection is not available or is interrupted an error message will be shown.

  1. A dialogue box is shown, giving options for publishing to the Squirrel cloud:

  1. The first option is to choose to publish as a new project or to overwrite a previously published project:
      • When choosing the latter, the dropdown list will show a list of projects that have previously been published to the cloud, select one to overwrite. The name of that file will be added to the Name field.
      • If you choose to publish as a new project, ensure that option is selected and then type the name of the project in the Name field.
  2. The next option is the background colour, which you can change to tie in with a theme or your brand guidelines. A background may be shown around your project depending on the dimensions of the project and the relative viewer size.
  3.  A loading indicator is added by default to a project. This is useful if say, a large project with lots of data takes a little while to load in a browser window, adding this indicator lets you or other users know that it is currently loading. Set to Off if it is not required or necessary.
      • Change the colour of the indicator to tie in with a theme or brand guidelines.
  4. The final set of publishing properties give you some control over granting access to your published project:
      • Adding an expiry date will terminate access to a published project wherever or however it has been shared from that date onwards.
      • Check the Password Protect property to add a password. This will need to be entered for a user to gain access to the published project.

Tip: To make the project accessible after an expiry date, or to change the password, the project will need to be republished. Choose to overwrite the existing file, then extend or remove the expiry date/change or remove the password.

  1. Click the Publish button.
  2. The Project Manager will open and you will see your newly published project added there.

 

That’s the end of this guide to publishing to Squirrel cloud. For more information on using Squirrel, the project manager and sharing your projects, take a look at our other tutorials and videos.

The post Publishing to Squirrel Cloud appeared first on Squirrel365.

]]>