Posts by OIjsQe

OIjsQe · combobox custom theme OIjsQe February 20, 2019 at 3:42 PM

Thank you San7, I changed the syntax.

I have a problem concerning the combobox now:
http://www.boog.in-arbeit.net/portfolio/pano…drale-solothurn

After closing the combobox, the plugin hides.
The div becomes a "display:none".

This is our xml:

Code

<combobox_design name="boognet" margin="8" open_close_speed="0.25">	 <style name="combobox_container_style" bgalpha="0.4" bgcolor="0x000000" bgborder="0" bgroundedge="3" />		<style name="combobox_marker_style" css="background:url(…/icons/pfeil-unten-w.svg) no-repeat;margin-left:10px;background-size:contain;width:1rem;height:1rem;color:transparent" bg="false" />		<style name="combobox_item_style"			   css       =          "color:#ffffff;font-family:Montserrat, sans-serif;font-size:.9rem"			   onoveritem="set(css, 'color:#e0e0e0;font-family:Montserrat, sans-serif;font-size:.9rem')"			   onoutitem ="set(css, 'color:#ffffff;font-family:Montserrat, sans-serif;font-size:.9rem')"			   padding="4 4"			   bg="false" />	</combobox_design>
    <include url="../combobox.xml"/>    <combobox name="cb1" design="boognet" align="lefttop"  x="20" y="20" >		<item name="combobox0" caption="Hauptschiff" onClick="mainloadpano(.././pano.xml);"/>		<item name="combobox1" caption="Chor" onClick="mainloadpano(.././pano.xml);"/>		<item name="combobox2" caption="Mittelgang" onClick="mainloadpano(.././pano.xml);"/>		<item name="combobox3" caption="Orgel" onClick="mainloadpano(.././pano.xml);"/>    </combobox>

OIjsQe · combobox custom theme OIjsQe February 12, 2019 at 6:33 PM

Hello!

I want to create a custom theme for the combobox.
I can find the how-to in the docs, however, the syntax of how we implemented the combobox differs from the one of the docs.

Code

<plugin name="combobox" preload="true" url="js/krplugins/combobox.js" keep="true" align="lefttop" x="10" y="10">

How can we style the combobox using this syntax?

using the attribute "design" and the following syntax does not work...

Code

<combobox_design name="boognet" margin="4" open_close_speed="0.25">………

OIjsQe · SVG Icons not available on Firefox OIjsQe October 23, 2018 at 7:15 PM

Hi Klaus,
thank you for your hint.
I was able to fix this.
Example:

Code

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33.8 33.32" width="33.8" height="33.8">

The viewBox attribute was already present. I added the width and height attributes. I needed to use a 1:1 ratio as I use this ratio for the layers (see xml snippet above).

OIjsQe · SVG Icons not available on Firefox OIjsQe October 23, 2018 at 1:06 PM

Hi Klaus,

please have a look at Link .
Thanks.

OIjsQe · Screenshot 2018-10-23 at 10.40.06.png

I created a custom skin based on the default skin which uses svg buttons.
On Firefox, these buttons are not available. Neither visible nor clickable. It works on all other brothers (mobile/desktop) though.

Code

<krpano>
	<!-- krpano 1.19 default buttons skin -->


	<!-- the container layer that contains the buttons -->
	<layer name="defaultskin_buttons" bgcolor="0x000000" bgalpha=".5" bgroundedge="3" type="container" width="330" height="63" align="bottom=" y="-3" scalechildren="true" scale="1.0" keep="true">
		<layer name="btn_left" 	x="15"  y="15" url="/files/zzzz/pfeil-links-w.svg"  width="30px" height="30px" ondown="set(hlookat_moveforce,-1);" onup="set(hlookat_moveforce,0);" />
		<layer name="btn_right"	x="55"  y="15" url="/files/zzzz/pfeil-rechts-w.svg" width="30px" height="30px" ondown="set(hlookat_moveforce,+1);" onup="set(hlookat_moveforce,0);" />
		<layer name="btn_up"   	x="95"  y="15" url="/files/zzzz/pfeil-oben-w.svg"   width="40px" height="30px" ondown="set(vlookat_moveforce,-1);" onup="set(vlookat_moveforce,0);" />
		<layer name="btn_down" 	x="145" y="15" url="/files/zzzz/pfeil-unten-w.svg"  width="40px" height="30px" ondown="set(vlookat_moveforce,+1);" onup="set(vlookat_moveforce,0);" />
		<layer name="trennstrich"  x="205" y="15" url="/files/zzzz/trennstrich-w.svg"  width="10px" height="30px" />
		<layer name="btn_autorot"  x="235" y="15" url="/files/zzzz/drehen-aus-w.svg"   width="30px" height="30px" onclick="switch(autorotate.enabled);" />
		<layer name="btn_fs"   	x="275" y="15" url="/files/zzzz/vollbild-ein-w.svg" width="30px" height="30px" onclick="switch(fullscreen);" visible="true" devices="fullscreensupport" />
	</layer>


	<!-- the container layer that contains the close button -->
	<layer name="defaultskin_button_close" type="container" width="30" height="30" align="righttop" y="15" x="15" scalechildren="true" scale="1.0" keep="true">
		<layer name="btn_close" x="0" y="0" url="/files/zzzz/schliessen-overlay.svg" width="30px" height="30px" onclick="js(window.history.back())" visible="true" />
	</layer>

Display More