Bootstrap Cards - anyone using them?

RLJB

Has anyone got Bootstrap cards working in Aware?

https://getbootstrap.com/docs/4.0/components/card/

My efforts are failing, would like tips

idpSteve

Aware uses bootstrap 3.4.7 iirc, which doesn't have cards (added in bootstrap 4). You can try use panels? They are similar.

https://getbootstrap.com/docs/3.3/components/#panels

Otherwise you can include a bootstrap 4 cdn on whichever page you want to use cards on, although this might cause issues with any bootstrap 3 components on your page.

RLJB

Ahh ok I get it, thanks (didn't release cards are after our version).

Support - being able to have "Cards" returned in a custom query would be sweet. I know we can use custom HTML, but I must admit every time we attempt a "tile" look with a custom query it never looks great especially when trying to get responsive working.

I'd be happy to be proven wrong if someone wants to provide some custom html for tiles that look awesome.

idpSteve

Perhaps have a look at material.io? They have some nice looking cards, and are a good alternative to bootstrap I think. Also there shouldn't be conflicts with class names with bootstrap 3 in Aware as far as I've experienced.. Let me know if you need some help!

Jaymer

RLJB

I know this isn't a v4 bootstrap card, but you said you were having trouble with a responsive Custom Query... so here is a working example.
Create a CRM Sample App, and then import this BSV over it.
It will create data as usual when run the 1st time.
There's a new Button at the top next to the Logo.
AND replace the default crm.css with the included one.

jaymer...

RLJB_CRM.zip

237.51kB

RLJB_CRM.zip

237.51kB

Jaymer

Any luck using Bootstrap 4 ?

swiftinitpvtltd

RLJB wrote
Has anyone got Bootstrap cards working in Aware?

https://getbootstrap.com/docs/4.0/components/card/

My efforts are failing, would like tips

Hi Rob,

I think you can override aware IM things when needed on client side as aware IM provides HTML boxes. You can then use any js framework or bootstrap once referenced correctly locally.
Infact same applies to all kendogrids/all kendo controls and you can bend it using kendo skills. I have created dashboards and admin panels using bootstrap frameworkss/other frameworks in my previous aware IM projects. For this strong js/css/html skills are needed though.