[NormBParticipant]

That is just what I have based my code on – I’ll take a closer look at the detail.

[NormBParticipant]

Follow up question…

How can I find out whether an auto hide tab is already open?
If I want $(‘.jqx-layout-group-auto-hide li’)[1] to be open and it is already open, then clicking it will close it (frustratingly)

Thanks

[NormBParticipant]

Thank you

[NormBParticipant]

Thanks, that is just what I needed

[NormBParticipant]

Hi Peter,

That is odd.
I notice that I did not include all the elements in the layout (the options panel also has some widgets in it). I show below the full form. However, even if I cut out the contents of the option panel I still see scroll bars – I have tested on my Linux box (Firefox and Opera) and my Windows box (Edge and Chrome). In all cases I see scroll bars, with just a tiny overflow. If I then populate the textbox with text that overflows I get the textbox scroll bars as well. Might there be something else that I am not showing you?
Here is the full form

		<form id='$formname' name='$formname' method='post'>
			<table>
				<tr>
					<td><strong>Type a title</strong></td>
					<td><div class='ui-widget'><input id='titles' size='30'></div></td>
				</tr>
			</table>
			<input type='hidden' id='AbcText' name='Abc' value=''>
			<input type='hidden' id='titleID' name='ID' value=''>
			<div id='jqxLayout'>
				<div data-container='OptionsPanel'>
					<table>
						<tr>
							<td><label for='check_parts'><strong>With parts</strong></label>
								<input type='checkbox' name='ShowParts' id='check_parts' checked class='warnreload'></td>
							<td><label for='check_bass'><strong>Strip bass notes</strong></label>
								<input type='checkbox' name='StripBass' id='check_bass' checked class='warnreload'></td>
							<td class='check_pre'><label for='check_pre'><strong>Show processed %%chords</strong></label>
								<input type='checkbox' name='ProcessChords' id='check_pre' class='warnreload'></td>
						</tr><tr>
							<td><strong>Transpose:</strong></td>
							<td><input size=2 name='Transpose' id='Transpose' value=0>&emsp;semitones</td>
						</tr>
					</table>
					<table>
						<tr class='disabled'>
							<td><input type='submit' id='RefreshBtn' value='Refresh' title='Refresh with changes' class='gobutton'></td>
							<td><input type='submit' id='DownloadBtn' value='Download' title='Download PDF' class='gobutton'></td>
							<td><input type='submit' id='ReloadBtn' value='Reload' title='Reload ABC from database' class='gobutton'></td>
							<td><input type='submit' id='UploadBtn' value='Upload' title='Upload changes to database' class='gobutton'></td>
					</table>
					<div id='ReloadMessage' style='color:red;text-align:center;' ></div>
				</div>
				<div data-container='AbcPanel'>
						<textarea id='mytextarea' spellcheck='false' style=$textareastyle;></textarea>
				</div>
				<div data-container='MusicDisplayPanel'>
					<div id='musicdiv'></div>
				</div>
				<div data-container='MessagesPanel'>Messages</div>
			</div>
		</form>

[NormBParticipant]

Thank you

[NormBParticipant]

Thanks,
Stupidly simple – I was trying to be too complicated and missing the obvious.
Norman

[Author]

Posts