Tabindex is not working in ibiza framework - azure

I am developing a azure extension in ibiza framwork. My application require tabindex in div.
But some how ibiza framwork sanitize tabindex.
How can i overcome this problem

To get tabindex added to your elements, map their behavior to either or in combination with the fxClick binding.
Ibiza sanitizes the tabindex from code due to some accessibility errors (not sure what are they).
So only probable work around for now is to use the anchor or button to get it workedout.

Related

Implementing JavaScript/jQuery to control Repeater with Carousel in Kentico

I wanted to know if I can control or customise the web part repeater with carousel properties using a JavaScript/jQuery ? such as speed or easing or the way the images aligned
If you are using a repeater web part for a carousel in Kentico and you want to be able to set the values for the carousel properties in the repeater configuration you can clone the repeater web part, add the carousel properties into the cloned repeater web part code, and into the Fields in the web part properties. Then you would pass those properties to the front end as javascript variables using RegisterClientScriptBlock
You can modify the speed in the initalization script property, just add something like speed: 500
You can read the documentation to see what all you can do with that carousel.
I have done this multiple times. This is what I would suggest you
Create Page type for your slides Bind it with a repeater (Not basic
repeater)
For markup use Slick slider. It's one of the best library
to create slider which are responsive too
You can do anything possible using this slider. I have done all sort of crazy things with slick slider. Let me know if you need any more help on this.
Slick Slider

extLib / appllicationLayout: how can I define link node to open a page in a new tab?

using extLib's applicationLayout control I'd like to place a link to a different application inside the bannerApplicationLinks node. This basically works fine using a basicLeafNode if it wasn't for the fact that the other application opens in the same browser tab. There apprently isn't any way to set the target for any kind of linking node control.
Before I go ahead and rebuild layout and navigator from scratch so that I can use standard link controls: does probably someone know some kind of well-kept secret how I could accomplish this task the simple way?
This limitation btw. applies to all types of link node elements available from extLib...
It doesn't look like this is easy to add. Unlike normal links, the basicLeafNode does not seem to have a target attribute. If it did, a theme would allow you to set the default value of the target to "_new".
If you want to try extending the basicLeafNode, the code for the component is in com.ibm.xsp.extlib.controls plugin, com.ibm.xsp.extlib.tree.complex.ComplexLeafTreeNode. You would need to add a target property and also expose it in the configuration files in com.ibm.xsp.extlib.config package (extlib-outline_en.properties, extlib-outline.xsp-config and raw-extlib-outline.xsp-config.
The link is written in the renderEntryItemContent method in com.ibm.xsp.extlib.renderkit.html_extended.outline.tree.HtmlTagsRenderer (bear in mind that this covers other link classes, not all of which will have a target attribute).
The best option you have is to use CSS (for targeting) and CSJS in the onLoad event to add the target attribute to the links. In the onLoad you select all links with a specific class (or all links inside a named element) and add the target "_blank" attribute.

How to add tabindex to xe:djComboBox

I need to add a tabIndex to a page that contains several Dojo Combo Boxes from the XPages Extension Library. It seems that the tabIndex property is not supported.
The XSP editor says it is an "unknown property" and "not defined on tag ".
Does anyone know how to add this property?
Note: In this application, jQuery is not available to use.
This code works for me
<xe:djComboBox id="djComboBox1" tabIndex="3"></xe:djComboBox>
<xe:djComboBox id="djComboBox2" tabIndex="2"></xe:djComboBox>
<xe:djComboBox id="djComboBox3" tabIndex="1"></xe:djComboBox>
I never used them and have to DDE available yet but can you define the tabindex attribute via the attrs property list of the control?

using tabbedPanels in a formTable

has anyone got an example of using tabbedPanel in a formTable ?
my form has alot of fields, I'm new to Xpages so just looking for a best practice.
thanks
I have a working example of the opposite - a tabbedPanel, each with a formTable inside with validation, and it works well when there are a lot of fields. Keep in mind that if you use the SSJS validation, whenever you click any tab, the current tab's validation will be triggered.
You can try a dojo tabContainer, with formTables inside, too, where if you switch tabs, no validation will be triggered. You may get js errors, if you set the focus to a field which is in a different tab. I'm not using a dojo tabContainer, because this project is for IE7 and I find it's very slow for this browser.

Adding item to all view menus

In Eclipse, it is possible to extend to any pop-up menu using the following special location URI:
popup:org.eclipse.ui.popup.any
Is it possible to do the same for the view menus (the little triangle in each view)? (I am developing an Eclipse RCP application, not extending the IDE. The purpose for this item is to help debugging and testing of the application.).
The short answer: no, that is not possible, unless you add the items by hand for all views.
The slightly longer answer: yes, if you
manually go through the view registry
create a new AbstractContributionFactory with the location URI "menu:<view-id>" and whatever createContributionItems(...) you want for each. (Alternatively you can create AbstractMenuAdditionCacheEntry or even better MenuAdditionCacheEntry - though these are internal and requires a little extra work... The last allows you to have a centrally defined menus extension point that is used for all these additions.)
add these to the workbench using IMenuService.addContributionFactory(AbstractContributionFactory factory) (use IWorkbenchWindow.getService(IMenuService.class) to acquire the menu service).
I haven't tested the above recipe, but I have used something very similar in an application...

Resources