🇳🇱Netherlands @jazzper

@solideogloria I installed the dev module and the site still breaks when I try to add content. I get a different error now:

The website encountered an unexpected error. Try again later.

AssertionError: "Geolocation" must be defined in MODULE_NAME.field_type_categories.yml in assert() (line 186 of core/lib/Drupal/Core/Field/FieldTypePluginManager.php).

Drupal\Core\Field\FieldTypePluginManager->getGroupedDefinitions(Array, 'label', 'id') (Line: 155)
Drupal\field_ui\Form\FieldStorageAddForm->buildForm(Array, Object, 'node', 'article')
call_user_func_array(Array, Array) (Line: 536)
Drupal\Core\Form\FormBuilder->retrieveForm('field_ui_field_storage_add_form', Object) (Line: 283)
Drupal\Core\Form\FormBuilder->buildForm(Object, Object) (Line: 73)
Drupal\Core\Controller\FormController->getContentResult(Object, Object)
call_user_func_array(Array, Array) (Line: 123)
Drupal\Core\EventSubscriber\EarlyRenderingControllerWrapperSubscriber->Drupal\Core\EventSubscriber\{closure}() (Line: 627)
Drupal\Core\Render\Renderer->executeInRenderContext(Object, Object) (Line: 124)
Drupal\Core\EventSubscriber\EarlyRenderingControllerWrapperSubscriber->wrapControllerExecutionInRenderContext(Array, Array) (Line: 97)
Drupal\Core\EventSubscriber\EarlyRenderingControllerWrapperSubscriber->Drupal\Core\EventSubscriber\{closure}() (Line: 181)
Symfony\Component\HttpKernel\HttpKernel->handleRaw(Object, 1) (Line: 76)
Symfony\Component\HttpKernel\HttpKernel->handle(Object, 1, 1) (Line: 58)
Drupal\Core\StackMiddleware\Session->handle(Object, 1, 1) (Line: 48)
Drupal\Core\StackMiddleware\KernelPreHandle->handle(Object, 1, 1) (Line: 28)
Drupal\Core\StackMiddleware\ContentLength->handle(Object, 1, 1) (Line: 32)
Drupal\big_pipe\StackMiddleware\ContentLength->handle(Object, 1, 1) (Line: 106)
Drupal\page_cache\StackMiddleware\PageCache->pass(Object, 1, 1) (Line: 85)
Drupal\page_cache\StackMiddleware\PageCache->handle(Object, 1, 1) (Line: 48)
Drupal\Core\StackMiddleware\ReverseProxyMiddleware->handle(Object, 1, 1) (Line: 51)
Drupal\Core\StackMiddleware\NegotiationMiddleware->handle(Object, 1, 1) (Line: 36)
Drupal\Core\StackMiddleware\AjaxPageState->handle(Object, 1, 1) (Line: 51)
Drupal\Core\StackMiddleware\StackedHttpKernel->handle(Object, 1, 1) (Line: 704)
Drupal\Core\DrupalKernel->handle(Object) (Line: 19)

When I uninstall the paragraphs module, the error goes away, and I can add content again. Without the File (Field) Paths module my website is working. I couldn't find the settings for this module when I went to the image field on a content type or paragraph, so I didn't configure the module. Also, the module doesn't show up on the update page (/admin/reports/updates).

Sorry, I uninstalled the module because of this issue. Atm I have no time to install the dev version. Maybe I have time later on

@zenimagine

Happy to hear that you got it working, looks nice!

The summary (table of content) is a views block. I use a title paragraph (and the layout paragraphs → module -nice module for content editing from the front end, but not relevant to generating the table of content-) and make a view block:

I use js that I took from a youtube video (I cant write js code but understand it a little when reading it):

Drupal.behaviors.smoothScroll = {
  attach: function (context, settings) {
    // Your custom JavaScript goes inside this function...
    // This JS prefents overlap off the menu over the titles/anchor links by putting
    // the content lower by the height of the menu (#block-views-block-toc-toc-3) + 36px
    // https://www.youtube.com/watch?v=iGUSTyG-CYw
    const navigationHeight = document.querySelector('#block-views-block-toc-toc-3').offsetHeight;

    document.documentElement.style.setProperty('--scroll-padding', navigationHeight + 36 + "px");

    // When clicking outside menu. Close menu.
    var details = [...document.querySelectorAll('details')];
      document.addEventListener('click', function(e) {
        if (!details.some(f => f.contains(e.target))) {
          details.forEach(f => f.removeAttribute('open'));
        } else {
          details.forEach(f => !f.contains(e.target) ? f.removeAttribute('open') : '');
        }
      })
  }
};

What I didn't manage to do is to make the table of content collapse after clicking one of the links. Please let me know if you manage to do that :)

I use the display suite module to add the anchor id with tokens (but I think you should be able to add the anchor link in the view as well when you set the view to show fields and rewrite the field with a token to make the anchor link):

This is what I can recall. I made the TOC quite a while ago.

I updated my website and the .form-actions class is back and this resolves the issue. I now have the following versions:

Gin Admin Theme 8.x-3.0-rc10 & Gin Toolbar 8.x-1.0-rc5

@zenimagine

Thanx for the compliment! I overrode a view template in my custom theme and added a details element around the filter. Like so:

<div class="details-wrapper">
  <details>
    <summary>Filter Map</summary>
      {{ exposed }}
  </details>
</div>

@effortDee sorry for the late reply, I'm very busy.

Good to hear you managed to get it working. Can you post your setup here with some screenshots of your views? That would be very helpful for me and other people when upgrading to V4.

It looks like you used one Paragraphy Type for the Route GPX and one Paragraph Type for the Points of Interest?

Yes

If so, how do you differentiate between the different points of interest, landmark, shops, toilets, water, etc?

Taxonomy on the POI paragraph

How do you get the icons/images etc on the markers for the POI?

I have a “marker_icon” field on my “POI” paragraph. In my view I reference this field under: advanced settings – icon source field.

There is a marker icon example Geolocation Demo module → you might want to check that if it's also available for the version you are using.

I'm using Geolocation Field 8.x-3.12. Version 4 is in alpha so that definitely could be the reason it's not working for you. Why are you not using the stable version?

@effortDee sorry no idea. There is a lot of info and screenshots in this post. If you follow it I think it should work (I have no time to re-read everything). It's working on my website: https://khaosanroad-online.com/route/thailand/north-thailand/phrae/large... so it should be possible.

jazzper → created an issue.

I noticed a reference to the paragraphs module in the error. After uninstalling the paragraphs module I could add content again. So I guess the problem is using this module on a paragraph with an image field.

This is with Drupal 9.5.4 and Paragraphs 8.x-1.15.