intel / rib

Rapid Interface Builder (RIB) is a browser-based design tool for quickly prototyping and creating the user interface for web applications. Layout your UI by dropping widgets onto a canvas. Run the UI in an interactive "Preview mode". Export the generated HTML and Javascript. It's that simple!
https://01.org/rib
Apache License 2.0
148 stars 74 forks source link

Cannot set button Target #308

Closed thomasds closed 8 years ago

thomasds commented 11 years ago

The interface builder won't let me set the button target

grgustaf commented 11 years ago

Can you describe what you mean more? It's expecting something like "#page2" if the name of another page is 'page2'.

jleviaguirre commented 11 years ago

That is probably what he means grgustaf. There is no autocompletion (dropdown) for the "Target" property under "List Button Properties" inside lists and unordered lists. It is expected to behave the same way as "Button Properties"

  1. Button
72degrees commented 11 years ago

I found a similar issue even though there is a dropdown for a Navbar button, selecting say #page2 as an existing page doesn't seem to work. As a work around type in the page name without the # first. Then go back and add the #. Works for me.

grgustaf commented 11 years ago

jleviaguirre, I see what you're talking about on the 'online' version of RIB at http://01.org/rib, but in the latest code in the tree, the list implementation has changed and that dropdown does let you select existing pages. Is that where you were looking?

72degrees, I don't see the problem you're describing, on either the online version of the github tips.

jleviaguirre commented 11 years ago

Hello grgustaf,

Here is how to replicate the situation we are talking about (lack of auto-completion feature on unordered or ordered list button):

  1. Go to https://01.org/rib/online/
  2. Create a new project
  3. Click on add a page (use defaults)
  4. Add an unordered (or ordered) list container between header and footer to any page
  5. Add a button to the ul or ol container created in previous step
  6. Add a list item button
  7. Click on the list item button to make it active
  8. Click the Target attribute under List Button Properties. and try to select a page from the expected dropdown

In this last step we are expecting to see a drop down list of available pages, the same way you do when adding regular buttons. The lack of the dropwdown showing the pages does not prevent to put the page name manually and make the button work as expected.

I am using Chrome Version 30.0.1599.101 m on Windows Vista (and also tested in a recent version of chrome/W7)

Were you able to replicate it?

72degrees commented 11 years ago

OK. So I'm running RIB Version Preview-2 using a localhost WAMP stack on a W7 with Chrome Version 30.0.1599.101 m.

If I create a new page and try to link to it from a button (just a plain vanilla button within a div data-role="content" on any other page), when I click on [target] I do actually get a dropdown offering say #page2. Clicking on that, however, does not update the code for the button. I have to type in the page reference. I shouldn't grumble really though as RIB has still saved me loads of time.

grgustaf commented 8 years ago

Sorry that I dropped this issue, but we just got a nice one-line patch from @MikeMaxFR that fixed it. It's merged into master.