Home>Support>Umlauts (ö, ä, ü) problem with Widget Bundle

Umlauts (ö, ä, ü) problem with Widget Bundle

By FloDeppe, 1 year ago. Last reply by Alex S, 1 year ago.

Hello all,

I have a problem using the Widget Bundle on the current released version 1.58.7.
In the widget-id I wrote on my test page the German word “Höhle”. When I have a look in the HTML code in the developer tool of my browser I see “id=Hhle”.

This must be shown correctly because I need the widget id. I am scanning and collecting all widget ids for furhter database processes.

Do you have any idea how I can fix this problem?
I am using WordPress 6.4.3 with the standard theme Twenty Twenty-Two (version 1.6)

Thanks and best regards
FloDeppe

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 1 year, 4 months ago Alex S
    Hi, I Work Here

    Hi FloDeppe,

    Thanks for getting in touch. I’ve run a few tests and I can’t seem to replicate this issue with 1.58.7. I’ve copied the provided text into a SiteOrigin Editor widget and then saved. I then viewed the page and inspected the text. It was unaltered. Hm. Try re-adding the text to see if that results in the correct text coming through. If it doesn’t, can you please clarify what widget you’re using to add the text?

    Kind regards,
    Alex

  2. 1 year, 4 months ago FloDeppe

    Hi Alex,
    thanks for your fast response.

    Let me explain you my workflow and the HTML result, maybe you can see the problem.
    I have tried this several times and also delete pages or deacitve the plugins, and so on.

    1) I create a new page in WordPress and named it “Test Höhle”
    2) I add a SiteOrigin Widget Editor
    3) Name the title “Title Höhle”
    4) I go to the widget styles on the right side, to attribute and add the Widget ID “Höhle”
    5) Than I hit the save button on the buttom right corner
    6) Than I hit the page save button
    7) I open this test page and press Ctrl + Shift + R
    8) I open the developer tool (using F12) of my browser and have a look at the HTML code

    This is my result:
    Title Höhle

    As you can see the id is not correct but the widget-title is good.
    Is this the normal process to use Widget IDs? What am I doing wrong?

    The only plugins I use are Page Builder by SiteOrigin (V2.29.5) and the SiteOrigin Widget Bundle (V1.58.7).

    Thanks and best regards
    FloDeppe

  3. 1 year, 4 months ago FloDeppe

    Oh, I made a mistake in my last post.
    Here is the HTML code:

    <div id="Hhle" class="panel-widget-style panel-widget-style-for-gb104-65dd7d9630cf8-0-0-0"><div class="so-widget-sow-editor so-widget-sow-editor-base"><h3 class="widget-title">Title Höhle</h3>
<div class="siteorigin-widget-tinymce textwidget"></div>
</div></div>
  4. 1 year, 4 months ago Alex S
    Hi, I Work Here

    Hi FloDeppe,

    Thank you for clarifying. That field is powered by Page Builder, and uses the WordPress function sanitize_html_class (which can also be used for the id attribute) to ensure it’s valid. This function strips the id down to A-Z,a-z,0-9,_,- so that’s what’s going on here. Looking at the HTML 5 spec, your ID is valid (outside of the of uppercase H) but it’s not recommended. Instead, it’s recommended you use: hohle. This isn’t ideal though, so I’ve logged changing this with the rest of the team.

    Kind regards,
    Alex

  5. 1 year, 4 months ago FloDeppe

    Hi Alex,

    thanks for help and fast answer.

    In your first post you said you run a test on your site and it worked. Where did you write the word “Höhle” in?
    Is there maybe another solution for me that allows me to use the full word “Höhle”?

    For more background.
    I have an additional code which scans the loaded website and catches all widget IDs and store them into an array. Than I prepare all this catched widget-ids and use them for a database query. So the code should echo specific values from the table in the corresponding row of my scanned word (e.g. “Höhle”).
    Maybe there is another text field in the Widget-Builder Editor where I can enter my word?

    And you wrote in your last response, that you have logged to change this in the code of the Page Builder? Did I get this correct?
    If yes, do you know when I would be able to use “ö”, “ä”, “ü”? Or have I misunderstood you here?

    Thanks and best regards
    Florian

  6. 1 year, 4 months ago Alex S
    Hi, I Work Here

    Hi FloDeppe,

    In your first post you said you run a test on your site and it worked. Where did you write the word “Höhle” in?
    Is there maybe another solution for me that allows me to use the full word “Höhle”?

    The test was using a Widgets Bundle field rather than the Page Builder Row ID field. You could, in theory, add the page jump using a widget. Try adding a Custom HTML widget to your page and then add the following HTML:

    <span id="höhle"></span>

    And you wrote in your last response, that you have logged to change this in the code of the Page Builder?

    I’ve logged this with the rest of the team, and it will be investigated shortly.

    If yes, do you know when I would be able to use “ö”, “ä”, “ü”? Or have I misunderstood you here?

    Unfortunately, I’m unable to provide an exact ETA on when this will be possible.

    Kind regards,
    Alex

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More