Responsive Grid Menu

Hello! Great plugin! But I noticed a small problem: with the name of the group on small screens (seen on the screenshot)

Hi,

I have a problem with hardcoded link in your xml to scrollarea.js - it is looking for /plugins/scrollarea.js.
I am using cms and my project folders contain only panorama files and xml

Maybe scrollarea.js path can be extracted as a variable?

As a temporary solution I can include /plugins/scrollarea.js in my projects as I am migrating to your plugin. It is not clean.

Thank you.

Quote from jeromebg

Hi, path is relative to krpano player : url.flash="%SWFPATH%/plugins/scrollarea.swf" url.html5="%SWFPATH%/plugins/scrollarea.js"

But I have only one krpano player located in different place.
I would like to put my own path to the only instance of scrollarea.js, same as I did for gridmenu.xml

"

%$shared_stuff_path%krpano/plugins/scrollarea.js" "%$shared_stuff_path%krpano/plugins/scrollarea.swf"

Merci

This plugin is really nice. However, I can't get grouping to work properly. My tour.xml includes the following:

Quote

<include url="%SWFPATH%/plugins/gridmenu.xml"/>
<responsive_grid
.. group="true" ..
/>

..

<panoramagroup name="Garden" title="Garden" />
..
<scene name="scene_IMG_20210624_190540_00_merged" title="Trees" group="Garden" ..

Display More

With that, I get the headlines of all panoramagroups in the grid, but the scenes don't show up, which they do without grouping. Can anyone share an example tour.xml for grouping, that I can compare with mine?

Thanks jeromebg. Apparently group names must be in all non-capital letters.

<panoramagroup name="Garden" title="Garden" /> <!-- does not work -->

<panoramagroup name="garden" title="Garden" /> <!-- works -->

Then it's working fine

This plugin has really enhanced my work! Great job. Please keep improving it. I would like to have the grid opened by default on loading the pano. Is this possible?

Quote from jeromebg

Here is a centred version :

Here is a centred version : https://www.360images.fr/gridmenu/vcenter.html
For scrollbar I won't, on mobile best UI are simple UI ;)

Quote from jeromebg

Hello? I purchased the plug-in. I also need a central version. Can you send it to me?And I want to place the Grid menu button where I want it.How can I change the location?Please explain in detail through the example.

Hi,

I am really enjoying this plugin!

I want to use this plugin together with krpano's default vrtourskin.

-> When click "thumbs" icon in the krpano's default skin, open this plugin (instead of krpano's vrtourskin thumbnails)

Would this customization be possible?

Best Regards,

Hyung

Thank you jeromebg!

I have one more question.

I have added "skin_hideskin()" action to your "ondown" event. (so that krpano's UI and the plugin's UI don't overlap)

<layer name="skin_btn_thumbs"    style="skin_base|skin_glow" crop="0|128|64|64"  align="left"        x="50"   y="0"  scale="0.5" ondown="skin_showmap(false); rg_show_thumbs_grid(true);skin_hideskin();" />

And now I wish to call "skin_showskin()" when clicking the down arrow of Responsive Grid Menu plugin.

Would this be customizable too?

Best Regards,

Hyung

Oh now I understand perfectly!

I can fully customize my UI :)

Thanks again!

Hyung

Hi! I have one more question!

I have just found out that clicking on any area inside Grid Menu area closes the Grid Menu.

I need the "close" event of the Grid Menu. (for toggling some other menu icon)

The simplest solution seems to be an setting for not closing the grid menu when clicking on empty area,

but I don't this setting is supported.

Would this be possible?

Thank you!

Hyung

I have just added the VR Thumbnails Menu Plugin to my tour and thinking about using/buying the Grid menu plugin as well.

3 questions about this:

• Is there a option to display the grid menu the same way as the VR Thumbnails Menu Plugin? Like in VR I would like to display the groups first and oly after a group has been selected the scenes that are in the group should be displayed,
• This question is about both, the Grid menu plugin and VR Thumbnails Menu. Is it possible to have a group with just one scene (and obviously other groups that have a bunch of scenes), which would be called directly instead of going into the group scenes display?
• Also about both versions of the plugin. Is it possible to define a onclick action for a menu entry (e.g. a group entry with no members) which would be executed instead of loading a scene?

hi

i sent you an email without answer .. here is my email:

((

Hi ,

I hope this email finds you well.

I'm currently working on a krpano project and I'm facing an issue with the alignment of thumbnails. I want to modify the code so that the thumbnails are positioned from right to left instead of the default setting. I've attached a screenshot of the current layout for your reference.

Here is the relevant portion of my current krpano code:

<responsive_grid

button="false"

padding_top="75"

padding_bottom="75"

width_margin="0"

vcenter="true"

grid_bgcolor="0x228ac9"

grid_bgalpha="0.7"

display_title="true"

grid_title="-"

grid_title_css="color:#ffffff;font-family:Raleway;font-size:35px;"

group="true"

current="false"

cat_container_height="35"

cat_container_border="0,0,1,0 0xffffff 1.00"

cat_container_title_css="color:#ffffff;font-family:Raleway;font-size:25px;text-align:right;"

cat_container_title_align="center"

cat_container_border_height="1"

display_cat_desc="true"

cat_desc_css="color:#ffffff;font-family:Raleway;font-size:14px;text-align:right;"

thumbs_crop="0|75|240|150"

thumbs_width="240"

thumbs_height="150"

thumbs_padding="25"

thumbs_scale="100"

active_thumb_border="3 0xffffff 1.00"

display_thumb_title="true"

thumb_title_align="bottom"

thumb_title_x="0"

thumb_title_y="5"

thumb_title_css="color:#ffffff;font-family:Raleway;font-size:16px;text-align:center;"

thumb_title_roundedge="5"

thumb_title_background="true"

thumb_title_backgroundcolor="0x000000"

thumb_title_backgroundalpha="0.8"

thumb_title_border="false"

thumb_title_borderwidth="1"

thumb_title_bordercolor="0xffffff"

thumb_title_borderalpha="1"

thumb_title_padding="3 10"

display_thumb_desc="true"

thumb_desc_css="color:#ffffff;font-family:Raleway;font-size:15px;text-align:right;"

thumb_desc_bg_color="0x000000"

thumb_desc_bg_alpha="0.6"

thumb_desc_padding="8 15"

loadscene_flags="MERGE"

loadscene_blend="BLEND(1)"

/>

Could you please guide me on how to adjust this configuration to position the thumbnails from right to left? Any specific properties or attributes I need to change or add?

I appreciate your assistance and look forward to your response.

Best regards,

Can we code this to remain in single row scroll on any device in any orientation like YT shorts? Thanks