CSS Video Hack in questfox

Sometimes you do not want to disturb people during an interview showing them their own face.
While keeping up the recording quality, it is possible to shrink the video screen with CSS.

#videoElement {
max-width: 100px;
}

#videoContainer {
max-width: 200px;
}

#controlElement  {
max-width: 300px;
}

If you want to have an instagram effect with the recording button on top of the video you can have the following setting

videoElement {max-width: 100px;
max-height: 100px;
}

videoContainer {max-width: 200px;
max-height: 100px;
}

controlElement {max-width: 300px;

color:blue;
}

Changing the Next Icon in questfox Next Button

The standard NEXT button in questfox appears to be boring sometimes. You can change the colors and the mouse-over colors including the text under project style and then Next-/Back-Button

Additionally you can change the little icon on the right side by adding a css to your project design

This is how you integrate the code for a standard icon

The icon should be around 30 pixels in height. You can also experiment with bigger ones.

.btnNext .btn::after { content: url(“https://linktoyouricon.png”); }

And in case you want to use a different icon for the mouse-over setting this is also possible with the :hover function

.btnNext .btn:hover::after { content: url(“https://linktoyouricon.png”); }

As you can see animated GIFs are also possible

Hope you can make things more beautiful with this little hack.

How to work with AUDIO Files generated with questfox.com Speech in Research

Ever since we are transcribing speech into text in research we also allow the option to record the real voice of the customer.

Out latest update also includes the iOS world and the long term problem case of the Safari browser which can finally be used for speech in research projects (see post about iOS).

Before you can record the voice of someone you clearly need the person’s acceptance. As we do not want to store any person’s real data on our servers we implemented a way to allow you to save the audio files apart from the answer data in questfox (see post about your own SFTP Server).

The alsway upcoming question now is how to work with the audio data in a market research project?

Several tools allow you to work with audio files.

A very professional one is Audacity which can be installed on any computer and helps as a cutting software to create a list of your files. Audacity is a freeware that operates on a professional level.

A nice tool to stitch hundreds of audio files together ist the tiny tool Freemake. It allows you to create one single file from a bucket list of literally hundreds of audio files. So you can combines all the answers to one question with just one mouseclick.

In order to share your one or several files with your clients and other researchers we advise you to use a sharing service like Soundcloud. www.soundcloud.com allows you to share files non-publicly. And this is probably what you are looking for.

We are still looking for professional services that allow us to work with AI technology on the audio data. Until this is available we do have to listen to the real voice of the customer.

How change colors in the questfox Living Report

questfox allows you to use your own color palette in the reporting section.

The questfox reporting standard looks as such:

We admit that the standard colorset may be less good looking, but you can change it anytime under Design Settings
Chart by integrating a list of hexcolors separated by comma.

Example of a color palette: #f6511d,#ffb400,#00a6ed,#7fb800,#0d2c54

The report will use the first entry as the first color. The 2nd as the second and so on…

This is how the initial example will look like in the new color set.

This changes the colors for all graphics in that specific project. You can still individually change the colors of one graphic.

Where to get colors from? One of our favorite tools to generate a nice color palette is https://coolors.co/

The tool creates nice sets of colors that can easily be integrated into questfox by clicking on export.

Just copy&paste the CSS into questfox.

Try to get inspired by other palettes

https://flatuicolors.com/palette/es

Re-Direct In and Out inside the questionnaire

Sometimes you need to use other tools than questfox in the middle of your questionnaire.

In order to make sure, that you can continue after the interview with your questfox interview journey you need to make sure, that the IDs are taken over from one software piece into the next and back again.

The defined variable will be sent to the target software. Make sure that the target is existing (here: participation_id).

When coming back from a third party tool make sure that you get the ID back as a participation ID. The third party tool should then start a link as such:

https: //q.questfox.com/go.html?BID= PROJECTID &panel=PANELPROVIDER &participation_id=%participation_id%

Attention: every tool has a different name for the participation ID. When dealing with a panel please attach @panel=PANELPROVIDER to make sure that the system remembers this.

The external ID for questfox is called exid when not dealing with a panel

Agile Presentation from Live Data with questfox Living Reports

For years we are promoting the idea of live presentation right from the data collection tool. See our post from 2015.

To be honest we are not really successful as users tend to rely on the idea of downloading and organizing data on their own hard disk.

We are not giving up promoting the idea and we support your agile reporting with some updates in the section of questfox reporting.

After the definition of your report you can find the View Living Report inside your report.

Every questfox Living Report is organized by the chapter headline. You can right away run into your section or scroll down through your report.

If you plan to show the results to someone please click on Show Presentation

Your report will be presented chart by chart. Clicking on the right side brings you to the next page

You can move forward and down (in case there is more than one chart on the side) and later back.

Pressing ESC will bring you to the general overview. From there you can right away click onto the desired slide.

Overview of Living Report

A hint from outside of questfox:

You can set Google Chrome, Internet Explorer, Microsoft Edge, or Mozilla Firefox to full screen mode on a computer, hiding the toolbars and address bar, by pressing the F11 key on your keyboard. To reverse this action and show these items again, press F11 once more. Your presentation will look like a PowerPoint presentation in full screen mode.

Hoping to inspire your research with this supportive toolset.

questfox.news is now online

We are trying to seperate the domain landscape of questfox a little.

Since 2020 the website to get in touch with us is available under www.questfox.online

The news blog is available under www.questfox.news

And the one and only questfox tool remains available under www.questfox.com/admin.

How to manipulate fonts in CSS with questfox

It is possible to use different fonts in a questfox survey.

If you have a corporate font that is not publicly available you should talk to your representative to help install this font on the server.

Public fonts:

If you plan to use a font out of the variety that Google is offering in the goolge font project we recommend to chose a font from this website:

https://fonts.google.com/

Import font on the fly from google servers

/*Import of font into project */
<style>
@import url(‘https://fonts.googleapis.com/css2?family=Satisfy&display=swap’);
</style>

/*Definition of font for your project */
body { 
    font-family: ‘Satisfy’, sans-serif;
}

How to manipulate the question text on top of the question?

.questionText > span > p{
font-size: 1.5em;
font-weight: 600;
}

/*Definition of font */
body { 
    font-family: ‘TeleNeo’, sans-serif;
}