Sie sind nicht angemeldet.

Making Virtual tour user interface using CSS framework like Bootstrap or Semantic?

rockable84

Anfänger

  • »rockable84« ist der Autor dieses Themas

Beiträge: 4

  • Nachricht senden

1

Samstag, 15. September 2018, 23:40

Making Virtual tour user interface using CSS framework like Bootstrap or Semantic?

Hello,


I'm thinking of making an user interface by using CSS framework (like Bootstrap, Materialize or Semantic) instead of using the interface of Krpano itself.

By "interface" here, I mean I'm trying to make the menus, links, intro images, navigation map... all by HTML, CSS and JQUERY, and keep krpano only for playing each single panorama.

The reason I wanted to do this because I feel that the menus, buttons which come together with krpano package is quite not-good-looking and not easy to customize.

Has anyone experience similar work? please share your experience and links if you're happy to.

Thanks!!

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

2

Montag, 17. September 2018, 08:34

Hi,

technically this would be no problem, the viewer itself acts as normal html element, just place your own interface above it.

The only thing I would recommend to consider is touch/multi-device/browser support in your custom elements, e.g. to avoid unintended page-scrolling, scrollbars, wrong-dragging and so on. That's something that's krpano automatically does for its own elements, but for own external elements this need to get implemented by yourself. Therefore test your html/css/js on all many real devices and browsers as possible.

Best regards,
Klaus

Scott Witte

Fortgeschrittener

Beiträge: 382

Wohnort: Milwaukee, WI USA

Beruf: Professional Photographer

  • Nachricht senden

3

Donnerstag, 20. September 2018, 03:41

Zitat von »rockable84«

The reason I wanted to do this because I feel that the menus, buttons which come together with krpano package is quite not-good-looking and not easy to customize.

They are pretty easy to modify, IMO. Just create your own buttons, etc, which you would have to do anyway, and use those instead of stock versions. Everything else can be accomplished by modifying the template file(s). In the end, I think you would find that easier than what you are contemplating and you would have guaranteed compatibility.

Also, consider some of the custom templates available elsewhere on
Scott Witte
Tour de Force 360VR
Scott Witte Photography

Ähnliche Themen