Loading Profile...
Button with multi line centered text and smaller font
I was playing with the XML for a Button, and to my great delight, I was able to apply properties that are not part of the regular "UI settings". I was basically looking for a way to have a Button with 2 lines of centered text and with smaller font.
I just thought I'd share with the community:
<mockup version="1.0" skin="sketch">
<controls>
<control controlID="211" controlTypeID="com.balsamiq.mockups::Button" x="1158" y="422" w="85" h="40" zOrder="58" locked="false" isInGroup="-1">
<controlProperties>
<text>Create/Modify%0ALabel</text>
<align>center</align>
<size>10</size>
<bold>true</bold>
</controlProperties>
</control>
</controls>
</mockup>
I'm wondering, if those properties can be applied through XML, why wouldn't they be part of the Property Setting UI ?
Also, being able to enter a line break directly in the UI would be nice.
Just some ideas. I'm really having fun with this software.
Luc
I just thought I'd share with the community:
<mockup version="1.0" skin="sketch">
<controls>
<control controlID="211" controlTypeID="com.balsamiq.mockups::Button" x="1158" y="422" w="85" h="40" zOrder="58" locked="false" isInGroup="-1">
<controlProperties>
<text>Create/Modify%0ALabel</text>
<align>center</align>
<size>10</size>
<bold>true</bold>
</controlProperties>
</control>
</controls>
</mockup>
I'm wondering, if those properties can be applied through XML, why wouldn't they be part of the Property Setting UI ?
Also, being able to enter a line break directly in the UI would be nice.
Just some ideas. I'm really having fun with this software.
Luc
I’m WOWED !!!
1
person likes this idea
I like this idea!
Tell me when this idea gets some attention.
The more people who like this idea, the more it gets noticed.
The more people who like this idea, the more it gets noticed.
The company implemented this idea.
The best point from the company
-
Ok Luc, I just added the "Multiline Button" control. Here's a screenshot of what it can do:
New build is up at http://www.balsamiq.com/products/mock...
I hope it does what you need!
The company thinks
this is one of the best points
-
Inappropriate?Hi Luc, you just won the "Mockups hacker of the month" award, which consist in a picture of an iPhone!
There it is, enjoy! ;)
All jokes aside, the reason these properties are not exposed via the UI is that I am fanatical about having as little UI in the product as possible, to keep it simple for anyone to use.
A 2-line, centered "web 2.0 style" button has been on my TODO list for a while, I'll add it tomorrow since you clearly need it! That way you'll be able to create one a lot more easily. :)
I’m amazed at this hack
-
Inappropriate?Hehehe... my dreams come true !!! A picture of an iPhone !!!
I really appreciate the work and efforts you put in this product Peldi. I know you must evaluate and prioritize all those requests, and maybe what I'm suggesting is already on your TODO list, or maybe not. I'm just entering them here as they come to me, so whatever I suggest is not necessarily urgent. Just nice to have.
Luc
-
Inappropriate?I've been wanting to have a newline capability for some of the UI components as well. Mainly the data grid.7 Comments Add a comment
This is one of the best points
-
Hi Michael, one reason I am resisting adding newline support in the datagrid is that it's really hard to actually build it in software. I don't want Mockups to let people design things that cannot be built and thus strain the often already tenuous relationship between PMs and developers. I may be wrong though...I guess one thing I could do is add a "Table" control, which is clearly a different beast. -
Why dont you think newline (<br />) is possible in a real datagrid? I do it all the time in html tables.
-
Right, HTML tables support variable-height rows natively. Traditional software, non-HTML Datagrids (in Flex for instance), don't. I was once challenged to find a variable-line datagrid in a piece of software installed on my machine, and was surprised to not be able to find one. That's why I was thinking of making a separate Table control.
-
It raises in interesting question. Is Mockups designed for Web or Desktop UI? I feel that Mockups should abstract itself away from whatever medium and not one over the other.
Why another control then? If you just allowed a break escape character, I think it would satisfy the need. -
You're right, the control is already called "DataGrid / Table", so it should take care of both. Then what people use to implement it is...an implementation detail. :) Re Mockups being for Desktop or Web UI? The answer is both, and I'm going to add mobile controls in the future too. The line between desktop/web/mobile software is blurring more and more, which is great for consumers and something I'm happy to encourage.
-
This is again where I feel that an online sharing portal of reusable community created mockups is what is needed. I think that you can just about recreate anything in mockups (ribbon UI for example), and people just need a quick framework to start with.
Perhaps you and I need to finish that community portal. -
"I don't want Mockups to let people design things that cannot be built"
I understand this argument, but yet I am not sure I agree. Mockups should be simple for sure - but should not try to control what I can do from this ideology. We need to move technology forward, no constrict it. -
Inappropriate?Ok Luc, I just added the "Multiline Button" control. Here's a screenshot of what it can do:
New build is up at http://www.balsamiq.com/products/mock...
I hope it does what you need!
The company thinks
this is one of the best points
-
Inappropriate?Peldi,
as always your support is very much appreciated. I wish some other companies had this kind of appreciation toward their customers.
About this 2 lines button, I notice that the first line is always bold. Could this be configurable ? I didn't really need a bold first line, just the possibility to have more than one line of text.
Thanks
I’m signing in the rain....
EMPLOYEE
