Have an idea?

Visit Sawtooth Software Feedback to share your ideas on how we can improve our products.

Space at the top of the survey

Hi,

I have 2 questions

Question 1
---------------
I use Sawtooth's Default survey style for a survey. A big empty space appears at the top of every page. Is there any way to reduce that space? Please see below

https://ibb.co/cX5pD9g

Question 2
---------------
I have created a free format question radio button question. The space between the 2 radio buttons/options is very less. Can you please help me to get the space between 2 attributes as same as in the normal single select question.
asked Apr 23 by Abdul Bronze (2,525 points)
edited Apr 23 by Abdul
What's the HTML of your radio buttons in the free format?
Here it is..
<table>
    <tr class="clickable">
        <td class="input_cell">
            [%RadioSelect(Q3N_A, 1)%]
        </td>
        <td>
            <label for="Q3N_A_1">My primary business / source of income<br></label>
        </td>
    </tr>
    <tr class="clickable">
        <td class="input_cell">
            [%RadioSelect(Q3N_A, 2)%]
        </td>
        <td>
            <label for="Q3N_A_2">A secondary business / supplemental income<br></label>
        </td>
    </tr>
    <tr class="clickable">
        <td class="input_cell">
            [%RadioSelect(Q3N_A, 3)%]
        </td>
        <td>
            <label for="Q3N_A_3">My hobby or passion project that generates some income<br></label>
        </td>
    </tr>
    <tr class="clickable">
        <td class="input_cell">
            [%RadioSelect(Q3N_A, 4)%]
        </td>
        <td>
            <label for="Q3N_A_4">My hobby or passion project unrelated to income<br></label>
        </td>
    </tr>
    <tr class="clickable">
        <td class="input_cell">
            [%RadioSelect(Q3N_A, 5)%]
        </td>
        <td>
            <label for="Q3N_A_5">Other (please specify)</label>
        </td>
    </tr>

</table>

<tr>
<textarea name="Q3N_B" id="Q3N_B" rows="6" cols="100" wrap="virtual"></textarea>
</tr>

1 Answer

0 votes
I can't know exactly what is causing that whitespace without seeing the page itself, but you could try adding this CSS to your questionnaire to remove whitespace from the page header:

<style>
.page_header {
    margin-bottom: 0px;
    padding-bottom: 0px;
}
</style>


I would give your table an ID like this:

<table id="mytable">


Then you could add some CSS like this to add some whitespace:

<style>
#mytable td:first-child {
    padding-right: 8px;
}
</style>
answered Apr 23 by Zachary Platinum Sawtooth Software, Inc. (147,200 points)
This is very much better. Thank you so much.
...