Open Closed

Lepton-x keyboard support for General Settings #4556


User avatar
0
AlderCove created
  • ABP Framework version: v6.0.1
  • UI type: MVC / Lepton-X 1.0.4
  • DB provider: EF Core
  • Tiered (MVC) or Identity Server Separated (Angular): yes

We require keyboard navigation support as our solution needs to meet accessibility standards.

In this specific instance, we require keyboard navigation support for the General Settings.

I've added tabindex(0) to each of the option groups (appearance, language, general settings) - we also require the ability for users to press enter to display the various options (defaulting to options for the selected group. The behaviour for pressing the enter key should mimic the click event.

It's not straightforward to make these changes as commercial javascript backs the current implementation, which I am not sure how to utilize.

<div class="lpx-settings" id="lpx-settings">
	<div id="appearance" class="setting-icon" data-lpx-setting-icon="appearance" data-lpx-setting-id="settings-context-menu" tabindex="0">
		<div class="setting">
			<i class="bi bi-laptop-fill"></i>
		</div>
	</div>

	@if (MvcOptions.Value.ApplicationLayout == LeptonXMvcLayouts.SideMenu)
	{
		<div id="containerWidth" class="setting-icon" data-lpx-setting-icon="containerWidth" data-lpx-setting-id="settings-context-menu" tabindex="0">
			<div class="setting">
				<i class="bi bi-layout-three-columns"></i>
			</div>
		</div>
	}

	<div id="language" class="setting-icon" data-lpx-setting-icon="language" data-lpx-setting-id="settings-context-menu" tabindex="0">
		<div class="setting">
			<span></span>
		</div>
	</div>

	<div class="setting-icon" tabindex="0">
		<i class="bi bi-gear-wide-connected" aria-hidden="true" data-lpx-ctx-toggle="settings-context-menu"></i>
	</div>

Can you please provide a solution for this issue.

Thanks


6 Answer(s)
  • User Avatar
    0
    berkansasmaz created
    Support Team .NET Developer

    Hello, I'm sorry that I can't recommend a workaround right now. It is caused by a plugin that we utilize, thus finding a workaround is far more difficult than tackling the problem itself. As a result, we will be releasing a new version of 'LeptonX' soon; unfortunately, I can only recommend that you wait for it. I believe you will accept it with grace.

  • User Avatar
    0
    AlderCove created

    Hi, can you please provide us with a timeframe for the release, so we can inform our customers? Also, we are on ABP.io 6.01. Can we continue with this, or will the LeptonX release require an update to our ABP.io version too?

  • User Avatar
    0
    berkansasmaz created
    Support Team .NET Developer

    Hello,

    can you please provide us with a timeframe for the release, so we can inform our customers?

    We are planning to release a new release for LeptonX this week.

    Also, we are on ABP.io 6.01. Can we continue with this, or will the LeptonX release require an update to our ABP.io version too?

    I think updating your version of LeptonX will suffice.

    If there are any improvements on these issues, I will share them with you.

  • User Avatar
    0
    AlderCove created

    Reopening

  • User Avatar
    0
    berkansasmaz created
    Support Team .NET Developer

    Hi, we have released v1.0.5 version v2.0.4 version for LeptonX. You can upgrade LeptonX from v1.0.4 to v1.0.5 if you want.

  • User Avatar
    0
    berkansasmaz created
    Support Team .NET Developer

    Hi, we have released v1.0.5 version v2.0.4 version for LeptonX. You can upgrade LeptonX from v1.0.4 to v1.0.5 if you want.


    Closing the issue. Feel free to re-open or create a new issue if you have further questions.

Made with ❤️ on ABP v9.1.0-preview. Updated on December 10, 2024, 06:38