Making a Dialouge box in Sugarcane

Comments

• greyelf

  October 2015

  You state in you question that you are using Sugarcane 2, which I have never heard of, do you mean the version of Sugarcane that comes with Twine 1.4.2 or do you mean SugarCube 2?
  
  Could you repost your example image (maybe using a different image hoster) as the current one is not viewable.
• Hyang

  November 2015 edited November 2015

  My sincerest apologies, I meant to say Sugarcube x2.
  
  Here is the image.
• TheMadExile

  November 2015

  If you want the dialog cell to have a certain width, then just assign it that width in CSS. For example, the following should be similar to what you need:
  
  HTML markup:

  <table id="dialog">
  	<tr>
  		<td>[img[LeftTest.png]]</td>
  		<td id="dialogtext"><<click "Next...">>
  <<replace "#dialogtext">>TEXT HERE
  
  Blah, blah, blah.  Yakity, schmackity.<</replace>>
  <</click>></td>
  		<td>[img[RightTest.png]]</td>
  	</tr>
  </table>
  

  CSS:

  #dialog td {
  	vertical-align: top;
  }
  #dialogtext {
  	/*
  		I used `px` here, since it seems like you might want
  		the text area width to be a multiple of the width of
  		the image bookends.   You may use whatever you wish,
  		however, and using a relative measure (e.g. `em`)
  		wouldn't be a bad idea.
  	*/
  	font-weight: bold;
  	width: 350px;
  }
  
• Hyang

  November 2015

  This helped set the minimum size of the cell, but it didn't break the words inside if they exceeded the border, but in the meantime I figured out how to do that.
  
  Thanks for your help!