Bootstrap Extra Components 1.0.0 released

Announcements of the latest WebComponents for NGClient (shipped by the WebPackageManager)

Bootstrap Extra Components 1.0.0 released

Postby patrick » Thu Feb 23, 2017 10:47 am

We are pleased to announce a new set of bootstrap based components called "Bootstrap Extra Components" featuring

* Image carousel: show images from either a foundset or by URL in a carousel featuring lazy loading of images (images are transferred to the browser only when needed)

carousel.png


* Navbar: basic bootstrap navigation bar with support for different types of menu items such as Dropdown menus, buttons, input fields, typeaheads, ...

Image

* Input groups: Input fields with text or button addons to the left and/or right grouped as one control

Image

* Breadcrumbs: simple display of the navigation hierarchy

Image

* Button groups: grouped buttons as either a radio or checkbox control

Image

* Rating: simple star rating control

Image

* Badges: labels or button with counter badges

Image

For more details, visit https://github.com/Servoy/bootstrapextracomponents and for documentation have a look at the wiki.

The components are available as a downloadable package or can be installed using the Web package manager inside Servoy developer. A sample solution is available for download from the releases section. All of the components can be used in absolute or responsive layouts.
You do not have the required permissions to view the files attached to this post.
Patrick Ruhsert
Servoy DACH
patrick
 
Posts: 3586
Joined: Wed Jun 11, 2003 10:33 am
Location: Munich, Germany

Re: Bootstrap Extra Components 1.0.0 released

Postby patrick » Fri Feb 24, 2017 8:41 am

For an introduction to all of these components, have a look at the last session of our tech webinars here: https://servoy.com/webinars/tech-series/ (or follow this direct link to video).
Patrick Ruhsert
Servoy DACH
patrick
 
Posts: 3586
Joined: Wed Jun 11, 2003 10:33 am
Location: Munich, Germany

Re: Bootstrap Extra Components 1.0.0 released

Postby HEKUCH » Fri Feb 24, 2017 1:04 pm

Hi Patric,
Wow !! great work - Congratulations and thanks for sharing!

Now I miss one thing for me: A component to drag-drop files and upload it.

But I have also a small problem with all NG-Components:
When I drag a Web-component then the anchor-property was not showed in the property-window . It's nessesery to execute the application in my developper and then this property was showed :


24-02-2017 11-56-40.png

24-02-2017 11-57-35.png
You do not have the required permissions to view the files attached to this post.
Hendrick Kurland

DataBit GmbH
CH-9217 Neukirch an der Thur
HEKUCH
 
Posts: 13
Joined: Thu May 05, 2011 8:02 am

Re: Bootstrap Extra Components 1.0.0 released

Postby huber » Fri Jul 14, 2017 3:07 pm

Hi Patrick

Thanks for the bootstrap extra components. I am experimenting with the carousel, using it to display instruments for a student to select from (choice is around 20 instruments to select from). Instruments are stored in a table. I would add images of the instruments as well.

Unfortunately, I can't find a onClick event, which would be nice to select the desired instrument by clicking on the image.
May be there is already a way to react to a click on the image? Otherwise I would like to ask for such an enhancement, if it is doable?

Best regards,
Robert Huber
7r AG, Switzerland
SAN Developer
http://www.seven-r.ch
User avatar
huber
 
Posts: 239
Joined: Mon May 14, 2012 11:31 pm

Re: Bootstrap Extra Components 1.0.0 released

Postby patrick » Mon Jul 17, 2017 10:47 am

Hello Robert,

I can add a onSlideClicked handler, yes. Anything else while I look at that? Could you create a feature request for that on github?
Patrick Ruhsert
Servoy DACH
patrick
 
Posts: 3586
Joined: Wed Jun 11, 2003 10:33 am
Location: Munich, Germany

Re: Bootstrap Extra Components 1.0.0 released

Postby huber » Wed Jul 19, 2017 9:57 am

Hello Patrick

Thank you very much for your offer to add a a onSlideClick(ed) handler. It would be extremely helpful and allow us to use the carousel in our new NG Client application to select instruments. Made a feature request having ID SVY-11356.

I found that on macOS 10.11.x and 10.12.x, the Carousels left/right arrow do not work (sometimes reacts on a right click once, but never more than once).
On Windows 7, left/right arrows do work in IE, but not in Firefox and Chrome (the ones I tested).

I also noticed that setting imageOptions property does not seem to work in my environment. It looks like it behaves always like scale to fit.

Made an entry in GitHub entry having ID SVY-11357.

I did not play extensively, but it would be welcome to be able to influence the position and size of the indicators (circles to navigate backward/foreward) as well as the caption (text).

Thanks,
Robert

patrick wrote:Hello Robert,

I can add a onSlideClicked handler, yes. Anything else while I look at that? Could you create a feature request for that on github?
Robert Huber
7r AG, Switzerland
SAN Developer
http://www.seven-r.ch
User avatar
huber
 
Posts: 239
Joined: Mon May 14, 2012 11:31 pm

Re: Bootstrap Extra Components 1.0.0 released

Postby patrick » Wed Jul 19, 2017 11:12 am

I see the tickets, but they should better go here: https://github.com/Servoy/bootstrapextr ... nts/issues

I will transfer them...

Regarding the arrow buttons: I have no issues using them. Do you have a small sample solution that shows the problem? That demo could also show which image scaling options you tried.

I will have a look on styling the indicators, but I think you can already do that. Maybe needs to be added to documentation.
Patrick Ruhsert
Servoy DACH
patrick
 
Posts: 3586
Joined: Wed Jun 11, 2003 10:33 am
Location: Munich, Germany


Return to Web Components

Who is online

Users browsing this forum: No registered users and 1 guest

cron