Announcement

Collapse
No announcement yet.
X
Collapse
  • Page of 1
  • Filter
  • Time
Clear All
new posts
Previous template Next
    #1

    Balsamiq containers cause Visual Builder to fail

    Balsamiq containers cause Visual Builder to fail

    I have created a Balsamiq field container (or FieldSet as the Balsamiq code indicates) containing a single button to demonstrate how Visual Builder fails with Balsamiq containers.

    Here is the contents of the Balsamiq .bmml file:

    Code:
    <mockup version="1.0" skin="sketch" fontFace="Balsamiq Sans" measuredW="237" measuredH="206"
	mockupW="200" mockupH="170">
	<controls>
		<control controlID="0" controlTypeID="com.balsamiq.mockups::FieldSet" x="37" y="36"
			w="-1" h="-1" measuredW="200" measuredH="170" zOrder="0" locked="false" isInGroup="-1">
			<controlProperties>
				<text>Group%20Name</text>
			</controlProperties>
		</control>
		<control controlID="1" controlTypeID="com.balsamiq.mockups::Button" x="104" y="100"
			w="-1" h="-1" measuredW="61" measuredH="27" zOrder="1" locked="false" isInGroup="-1">
			<controlProperties>
				<text>Button</text>
			</controlProperties>
		</control>
	</controls>
</mockup>
    When I import this into Visual Builder I can see the screen including the container. However, if I try to save or save as, Visual Builder does nothing. Additionally, clicking the CODE tab shows nothing.
    Last edited by dbscott525; 6 Mar 2013, 19:45. Reason: slight correction
    Tags: None
    #2
    This doesn't look like a general issue with FieldSets / containers. We have several automated tests that use FieldSets with dozens of controls in them, inside other layouts, etc.

    We will check out what's wrong in this trivial case, but just to note, Visual Builder isn't intended for developers, developers should be using the standalone importer to do imports, then working in Eclipse and using RPCManager.loadScreen(). In that workflow, there's no issue with this file.

    Finally, can you confirm your exact version?
    Last edited by Isomorphic; 6 Mar 2013, 20:49.

    Comment

      #3
      Originally posted by Isomorphic View Post
      This doesn't look like a general issue with FieldSets / containers. We have several automated tests that use FieldSets with dozens of controls in them, inside other layouts, etc.

      We will check out what's wrong in this trivial case, but just to note, Visual Builder isn't intended for developers, developers should be using the standalone importer to do imports, then working in Eclipse and using RPCManager.loadScreen(). In that workflow, there's no issue with this file.

      Finally, can you confirm your exact version?
      Thank you for your quick reply! It’s very much appreciated.

      I’m very new to the Isomorphic product universe so please forgive my ignorance on some topics.
      • I actually had a much more complicated use of FieldSets / containers. I tried to find the minimal test case that would fail. If needed I can send you the more complicated case.
      • When I follow your link I’m taken to a page which says “No Thread specified. If you followed a valid link, please notify the administrator”
      • Please clarify what you mean by "standalone importer." I'm not familiar with the product. Would you please provide a URL for a description?
      • I am using eclipse. I have been quite successful in loading reasonably complex screens that originated from Balsamiq. I'm using " <script src="MVP_01_04/sc/screenLoader?screenName=foo"></script>" to load the screen. It works very well. Once loaded I can easily access the screen with client side Java/JavaScript.
      • I am using smartgwtee-3.1p and SmartClient_v83p_2013-02-26. I’m only using SmartClient to get access to Visual Builder. Once Visual Builder generates the screen XML file I only use SmartGWT for run time.
      Last edited by Isomorphic; 6 Mar 2013, 20:49.

      Comment

        #4
        1. the more complicated case would be great, otherwise, we might fix only something affecting this trivial screen

        2. somehow a typo crept into the link, it's fixed now

        3. see the Balsamiq Importer overview, it discuses both ways of using the import (in VB vs standalone)

        4. Visual Builder is included in SmartGWT as well, as is the standalone tool. The standalone tool is also online here.

        Comment

          #5
          Originally posted by Isomorphic View Post
          1. the more complicated case would be great, otherwise, we might fix only something affecting this trivial screen

          2. somehow a typo crept into the link, it's fixed now

          3. see the Balsamiq Importer overview, it discuses both ways of using the import (in VB vs standalone)

          4. Visual Builder is included in SmartGWT as well, as is the standalone tool. The standalone tool is also online here.
          Here is the more complex case:

          Code:
          <mockup version="1.0" skin="sketch" fontFace="Balsamiq Sans" measuredW="865" measuredH="630"
	mockupW="853" mockupH="618">
	<controls>
		<control controlID="0" controlTypeID="com.balsamiq.mockups::TabBar" x="12" y="12"
			w="853" h="618" measuredW="460" measuredH="100" zOrder="0" locked="false" isInGroup="-1">
			<controlProperties>
				<selectedIndex>1</selectedIndex>
				<text>
					Logon%2C%20Customers%2C%20Contact%20List%2C%20Taxonomy%2C%20Search%20Words%2C%20Analysis
				</text>
			</controlProperties>
		</control>
		<control controlID="2" controlTypeID="com.balsamiq.mockups::DataGrid" x="27" y="421"
			w="787" h="186" measuredW="782" measuredH="87" zOrder="3" locked="false" isInGroup="-1">
			<controlProperties>
				<alternateRowColor>15658734</alternateRowColor>
				<borderStyle>square</borderStyle>
				<hasHeader>true</hasHeader>
				<rowHeight>22</rowHeight>
				<text>
					Select%2C%20Create%20Date%2C%20Name%2C%20Industry%2C%20Company%20Size%20%24%24%2C%20Company%20Size%20EE%2C%20Function%2C%20Sub-Function%0A%5Bx%5D%2C%2010-4-2012%2C%20Informatica%2C%20Software%20%26%20Internet%2C%20Ovwer%20%241BN%2C%205000-to-10000%2C%20IT%2C%20Data%20Management%0A%5B%20%5D%2C%2012-2-2012%2C%20Lucidworks%2C%20Software%20%26%20Internet%2C%20%2410M%20to%20%2425M%2C%2025-100%2C%20IT%2C%20Online%0A%5B%20%5D%2C%203-2-2012%2C%20WANdisco%2C%20Software%20%26%20Internet%2C%20%241%20to%20%2410M%2C%2025-100%2C%20IT%2C%20Development
				</text>
				<verticalScrollbar>true</verticalScrollbar>
			</controlProperties>
		</control>
		<control controlID="4" controlTypeID="com.balsamiq.mockups::Button" x="325" y="79"
			w="139" h="27" measuredW="89" measuredH="27" zOrder="4" locked="false" isInGroup="-1">
			<controlProperties>
				<text>Add/Modify</text>
			</controlProperties>
		</control>
		<control controlID="5" controlTypeID="com.balsamiq.mockups::SearchBox" x="134" y="381"
			w="161" h="-1" measuredW="120" measuredH="25" zOrder="5" locked="false" isInGroup="-1"/>
		<control controlID="6" controlTypeID="com.balsamiq.mockups::ComboBox" x="325" y="120"
			w="139" h="-1" measuredW="107" measuredH="21" zOrder="6" locked="false" isInGroup="-1">
			<controlProperties>
				<size>10</size>
				<state>closed</state>
				<text>
					Primary%20Industry%0A2.%20Mining%20%26%20Construction%20%2810-17%29%0A7.%20Services%20%2870-89%29%0A8.%20Public%20Administration%20%2890-99%29%0A3.%20Manufacturing%20%2820-39%29%0A5.%20Trade%20%2850-59%29%0A4.%20Transport%2C%20Comms%2C%20Electric%2C%20Gas%20%26%20Sanitary%20Services%20%2840-49%29%0A6.%20Finance%2C%20Insurance%2C%20And%20Real%20Estate%20%2860-67%29%0A%20%0A%20%0A%20
				</text>
			</controlProperties>
		</control>
		<control controlID="7" controlTypeID="com.balsamiq.mockups::ComboBox" x="503" y="164"
			w="138" h="-1" measuredW="112" measuredH="21" zOrder="7" locked="false" isInGroup="-1">
			<controlProperties>
				<size>10</size>
				<state>closed</state>
				<text>
					Company%20Size%20EE%0A0.%20Less%20than%2025%09%0A1.%2025%20to%20less%20than%20100%09%0A2.%20100%20to%20less%20than%20500%09%0A3.%20500%20to%20less%20than%201%2C000%09%0A4.%201%2C000%20to%20less%20than%205%2C000%09%0A5.%205%2C000%20to%20less%20than%2025%2C000%09%09%0A6.%2025%2C000%20to%20less%20than%20100%2C000%0A7.%20100%2C000%20and%20above%0A%20%0A%20
				</text>
			</controlProperties>
		</control>
		<control controlID="8" controlTypeID="com.balsamiq.mockups::ComboBox" x="503" y="121"
			w="138" h="-1" measuredW="112" measuredH="21" zOrder="8" locked="false" isInGroup="-1">
			<controlProperties>
				<size>10</size>
				<state>closed</state>
				<text>
					Company%20Size%20%24%24%0A0.%20Less%20than%20%241%20mil%09%0A1.%20%241%20mil%20to%20less%20than%20%245%20mil%09%0A2.%20%245%20mil%20to%20less%20than%20%2410%20mil%09%0A3.%20%2410%20mil%20to%20less%20than%20%2425%20mil%09%0A4.%20%2425%20mil%20to%20less%20than%20%2450%20mil%09%0A5.%20%2450%20mil%20to%20less%20than%20%24100%20mil%09%0A6.%20%24100%20mil%20to%20less%20than%20%24250%20mil%09%0A7.%20%24250%20mil%20to%20less%20than%20%24500%20mil%09%0A8.%20%24500%20mil%20to%20less%20than%20%241%20bil%09%0A9.%20%241%20bil%20and%20above
				</text>
			</controlProperties>
		</control>
		<control controlID="9" controlTypeID="com.balsamiq.mockups::ComboBox" x="676" y="120"
			w="138" h="-1" measuredW="69" measuredH="21" zOrder="9" locked="false" isInGroup="-1">
			<controlProperties>
				<bold>false</bold>
				<size>10</size>
				<state>closed</state>
				<text>
					Function%0AInformation%20Technology%0ASales%0AMarketing%0AFinance%0Ax%0Ax%0Ax%0Ax%0Ax
				</text>
			</controlProperties>
		</control>
		<control controlID="11" controlTypeID="com.balsamiq.mockups::ComboBox" x="676" y="164"
			w="138" h="-1" measuredW="90" measuredH="21" zOrder="10" locked="false" isInGroup="-1">
			<controlProperties>
				<size>10</size>
				<state>closed</state>
				<text>
					Sub%20Function%0AData%20Management%0ASecurity%0ABusiness%20Intelligence%0AOperations%0ADevelopment%0Ax%0Ax%0Ax%0Ax%0Ax
				</text>
			</controlProperties>
		</control>
		<control controlID="13" controlTypeID="com.balsamiq.mockups::TextInput" x="134" y="79"
			w="165" h="-1" measuredW="79" measuredH="26" zOrder="11" locked="false" isInGroup="-1">
			<controlProperties>
				<text/>
			</controlProperties>
		</control>
		<control controlID="15" controlTypeID="com.balsamiq.mockups::Label" x="27" y="82"
			w="107" h="-1" measuredW="35" measuredH="21" zOrder="12" locked="false" isInGroup="-1">
			<controlProperties>
				<text>Name</text>
			</controlProperties>
		</control>
		<control controlID="16" controlTypeID="com.balsamiq.mockups::Label" x="27" y="120"
			w="107" h="-1" measuredW="67" measuredH="21" zOrder="13" locked="false" isInGroup="-1">
			<controlProperties>
				<text>Description</text>
			</controlProperties>
		</control>
		<control controlID="17" controlTypeID="com.balsamiq.mockups::TextInput" x="134" y="256"
			w="165" h="-1" measuredW="79" measuredH="26" zOrder="14" locked="false" isInGroup="-1">
			<controlProperties>
				<text/>
			</controlProperties>
		</control>
		<control controlID="18" controlTypeID="com.balsamiq.mockups::Label" x="27" y="257"
			w="107" h="-1" measuredW="58" measuredH="21" zOrder="15" locked="false" isInGroup="-1">
			<controlProperties>
				<text>Keywords</text>
			</controlProperties>
		</control>
		<control controlID="19" controlTypeID="com.balsamiq.mockups::TextInput" x="134" y="293"
			w="165" h="-1" measuredW="79" measuredH="26" zOrder="16" locked="false" isInGroup="-1">
			<controlProperties>
				<text/>
			</controlProperties>
		</control>
		<control controlID="20" controlTypeID="com.balsamiq.mockups::Label" x="27" y="294"
			w="107" h="-1" measuredW="29" measuredH="21" zOrder="17" locked="false" isInGroup="-1">
			<controlProperties>
				<text>Tags</text>
			</controlProperties>
		</control>
		<control controlID="21" controlTypeID="com.balsamiq.mockups::ComboBox" x="325" y="164"
			w="139" h="-1" measuredW="113" measuredH="21" zOrder="18" locked="false" isInGroup="-1">
			<controlProperties>
				<size>10</size>
				<state>closed</state>
				<text>
					Industry%20Segment%0ASoftware%20%26%20Internet%0ABusiness%20Services%0AHealth%20Services%0Axxxxxx%0Axxxxxx
				</text>
			</controlProperties>
		</control>
		<control controlID="22" controlTypeID="com.balsamiq.mockups::ComboBox" x="325" y="213"
			w="139" h="-1" measuredW="116" measuredH="21" zOrder="19" locked="false" isInGroup="-1">
			<controlProperties>
				<size>10</size>
				<state>closed</state>
				<text>Industry%20Speciality%0ASaaS%0AeCommerce%0Ax%0Ax%0Ax</text>
			</controlProperties>
		</control>
		<control controlID="23" controlTypeID="com.balsamiq.mockups::TextArea" x="133" y="120"
			w="166" h="114" measuredW="200" measuredH="140" zOrder="20" locked="false" isInGroup="-1">
			<controlProperties>
				<text>
					jaDFHksjhdfbajlshdfbcalsjkHDcbMZDcb%2CmZcmNZcm%2CZm%3CNZcxm%2CnZcx%20mNZxcb%2CjhMDZbcjlashdv%3Biargj%27sbl
				</text>
			</controlProperties>
		</control>
		<control controlID="24" controlTypeID="com.balsamiq.mockups::Button" x="325" y="380"
			w="139" h="27" measuredW="63" measuredH="27" zOrder="21" locked="false" isInGroup="-1">
			<controlProperties>
				<text>Search</text>
			</controlProperties>
		</control>
		<control controlID="27" controlTypeID="com.balsamiq.mockups::FieldSet" x="20" y="53"
			w="830" h="281" measuredW="200" measuredH="170" zOrder="2" locked="false" isInGroup="-1">
			<controlProperties>
				<text>Enter%20new%20customer</text>
			</controlProperties>
		</control>
		<control controlID="28" controlTypeID="com.balsamiq.mockups::FieldSet" x="19" y="341"
			w="831" h="274" measuredW="200" measuredH="170" zOrder="1" locked="false" isInGroup="-1">
			<controlProperties>
				<text>Search%20or%20select%20existing%20customers</text>
			</controlProperties>
		</control>
	</controls>
</mockup>

          Comment

          Previous template Next
          Working...
          X