S123 Connect Display: How to Prevent begin group row from appearing.

[SaraWazir]

Hi,

I need help with troubleshooting this form in Survey123 connect.

I have set up my xlsx form in a way so it provides a welcome page for the user.

I have set it up with a begin group with a field-list appearance followed by a note displaying a logo with a transparent background. Unfortunately, this creates this white line and it looks bad on the form. I have taken the logo note outside the group but then it messes up with the pages and displays on pages I dont want it to show on. I have also tried adding a background using the esri:styles column but I have not really figured out a solution yet. 

Form Details: 

How the survey displays, line I am referring to is where the red arrow is pointing:

[ClayDonaldsonSWCA]

tough one! not many options once you start using pages appearance. You could have the image in the page1 group label instead. 

type	name	label	hint	media::image
begin group	foobar	Example Form Title		header.png
note		<span></span>
end group

[AlfredBaldenweck]

Can you put the image in the group label instead?

[SaraWazir]

yes, I tried that. I put the image in the begin group instead of the note and it disappeared the logo altogether. 

[SaraWazir]

Is this what you are suggesting? I did try that but the logo completely disappears from the page:

[Neal_t_k]

Here a sample of adding an image to a title using html.  This stacks it with image on top and title underneath and left justify.  Adjust as needed, 

<div class="container";>
      <div class="image" >
        <img alt='Alt Text Here' src='Logo.svg' style='width:35%;'/>
</div>
      <div class="text" style="margin-left:10px;">
          Form Title
      </div>
    </div>

note that this doesn't work well for field app, but looks nice in the web app.

[Neal_t_k]

I have this implemented as the form title and in the web app it appears as the header on every page, using "generated_note_form_title" in the name field.