Larger selection within the "Palette"

[thoughtAddict]

Amazing IDE. I've looked at about a dozen at this point and I'd have to say that what makes Tiggr stand out is:

• integration with jQuery and jQueryMobile

• export into HTML/CSS/JS in readable, non-proprietary code (ie. code that doesn't overly use company-made syntax and methods). This will help with PhoneGap integration.

• UI that requires a small learning curve to use. (IMHO of course)

  Two Questions:
  ------------------------------------
  #1 concerns the number of controls available within the IDE "Palette". These seem to be the "basic" level, and I find myself looking for more complex controls.

  Am I looking in the wrong place, or are there only 18 controls available right now?

  #2. Can you implement custom CSS, (similar to implementing custom JS)?

  The radius of the buttons, inputs, etc is a bit too large and I'd like to set it lower if possible.

  Thanks.

  Jon

[maxkatz]

First, thanks for your feedback!

1) To add more jQuery Mobile components is in our plans. What particular components would you like to see?

2) You can implement custom CSS via custom themes: http://help.gotiggr.com/documentation.... To have even more control, you can write custom CSS in the 'Custom CSS' panel.

Let me know if this helps...

[thoughtAddict]

Thanks for the quick response, Max.

1.) A few that I could use right now for an app I'm building:

• Panel

  • a control that allows me to add a box, to which I can apply CSS.
  • A container that allows subelements to be placed inside.
  • Similar to an HTML "fieldset"
  • http://www.w3schools.com/tags/tryit.a...

• Nestable Grids

  • For right now, it looks like I can place multiple elements in a cell within the existing Grid control, and use a Spacer element to achieve what I'm looking for.

• Carousel

• Accordion

  Actually, after analyzing it, it looks like I could just play around with the existing elements.

  I just got ambitious with my past week's IDE research finding "jqueryMobile" and "wink" amongst others.

• (http://jquerymobile.com/designs/)

• (http://www.winktoolkit.org/documentat... namely the "XY" section)

  2.) I see what you mean, "Project Themes MyThemeNameHere Custom CSS

  An example to lower the "radius" of a particular button:

  5px
  5px
  5px
  30px
  10px Arial, Helvetica, sans-serif

  As long as I name my Button "dingaButton" in the Properties Class attribute, I'm able to change the CSS. Nice.

  Keep up the good work and thanks. I'll be following your Twitter to keep up-to-date.

  Jon

[thoughtAddict]

Ah, of course. My XML has been rendered for the Custom CSS Selector example:

<selectors>
<selector name=".dingaButton">
<property name="-moz-border-radius">5px</property>
<property name="-webkit-border-radius">5px</property>
<property name="border-radius">5px</property>
<property name="height">30px</property>
<property name="font">10px Arial, Helvetica, sans-serif</property>
</selector>
</selectors>

[maxkatz]

• Panel and nested panels - we have a pretty flexible grid, you can do spanning and much more: http://help.gotiggr.com/documentation...

  • Carousel - I don't think jQuery Mobile has one right now..?

  • Accordion - we'll add this component to our todo list.

    You are right, you can create very flexible design with our grid component.

[maxkatz]

Can you copy and paste (or add screen shot) of what has been rendered?

[thoughtAddict]

Regarding the Custom CSS change, (dingaButton), above, for some reason I can't get it to work again.

I'll give it a shot in another Demo app I'll try in the morning.

Thanks Max.

Jon

[thoughtAddict]

Okay, I didn't wait until the morning. Figured out why it didn't work.

I must've copied the wrong XML segment above. The Custom CSS should look like:

<selector name=".dingaButton">
<properties>
<property name="-moz-border-radius">5px</property>
<property name="-webkit-border-radius">5px</property>
<property name="border-radius">5px</property>
<property name="height">30px</property>
<property name="font">10px Arial, Helvetica, sans-serif</property>
</properties>
</selector>

The screenshot of this button:

and

[maxkatz]

Cool, so everything is working now?

[thoughtAddict]

Working very well.

I'll be testing the limits of the Grid and spanning next, as well as the REST binding.

Thanks Max.