The default configuration for the tab keys is to indent the paragraph. Is there a way to disable this behavior? I want the tab key to move the cursor to the next input field on the page.
According to the redactor docs:
$('#redactor').redactor({
tabKey: false
});
Related
I need to have a shell tab bar with all options unselected.
The default behaviour is to have the first option selected.
An alternative is to have a dummy option and hide it but even this is no possible.
Unfortunately , this should can not be realzied in current version of Shell . It should be the limit of Shell .
Tab class :The Tab class includes the following properties that control tab appearance and behavior:
...
IsChecked
, of type boolean, defines if the item is currently highlighted in the flyout.
...
However this is a read-only property .And there is no other propery can be setted by not showing unselceted status .If want to realzie it , maybe you can have a try with Shell Custom Renderers .
My workaround is:
1. Create a first Tab (I called Home).
2. This first tab shows a Page with a background image, a logo on the center and a Label on the footer with the following message: "Please select an option".
It's not the ideal solution but it was accepted.
So I have a component in AEM that has an edit bar. Dialog mode of this bar is set to floating, and I need to change the title of the dialog. I have read all the docs I could find and have tried changing the dialog title as it would normally be done, but all that ever shows up is the default "Edit Component" title.
Can this be changed? And if so, how?
Edit: After removing the xtype as suggested, I was able to get the titles to show. This however caused another problem for my dialog that had an xtype of tabpanel. Those components now only have the first tab defined.
This issue occurs mostly because, the xtype for the cq:dialog node would be set to something else (most probably panel or tabpanel) instead of dialog.
Check for the same, and in case it has been set, change the xtype to dialog or remove the xtype altogether in order to view the title in the dialog's edit mode.
I have a custom TextInput that listens for the FocusEvent.FOCUS_IN and FocusEvent.FOCUS_OUT events:
textDisplay.addEventListener(FocusEvent.FOCUS_IN, onFocusInHandler);
textDisplay.addEventListener(FocusEvent.FOCUS_OUT, onFocusOutHandler);
My onFocusInHandler function basically removes a "promptview" that tells the user to type in a value, with the onFocusOutHandler doing the opposite.
For example, if the TextInput text was backspaced to a blank value and the user clicks out of the TextInput box, it would show a "Please enter a value" light-gray prompt in the TextInput.
This works fine until the user clicks our custom "Clear" button. The clear button sets the text to "", and I can tell the FocusEvent.FOCUS_OUT is received because the prompt text is set to visible (its not being set anywhere else). The problem is, the cursor remains in the box as if it still has focus, so if the user immediately starts typing, both the prompt text "Please enter a value" and the user-entered text appears over the gray text, which looks pretty ugly and unreadable.
Why does the TextInput receive the FocusEvent.FOCUS_OUT event if it's not actually losing focus? Is there any way I can get around this?
Option 1. Use the Spak TextInput in Flex 4.1 or 4.5. This already provides a promptDisplay by default (as mentioned in the comments)
Option 2. Take a look at the focus-skin. This skin class is usually placed on top of the normal skin. There could exist some focus ambiguity between these two. Try using a custom focus-skin without a textDisplay and clear button.
Option 3. Not only use a focus event to show or hide the prompt, but also look at the content of the TextInput. You don't want to display a prompt when the text is set by binding as wel.
I have a DateField component in Flex and I want to stop any user input. If I set the editable to "false" then it stops users changed the bits of the DateField box. It does NOT however stop them from clicking on the calendar icon next to it and updating the date. Is it possible to disable this?
I basically want the component to be read only under some circumstances but not for it to have any alpha overlay. Therefore I want to use editable rather than enabled.
Thanks for any help
Richard
You can use enabled, and then set the styles disabledColor to 0x000000 and disabledSkin to ScrollArrowSkin (The default for DateField, upSkin)
i have an form in which i have radiolist and set of text boxes and dropdownlist.now when i check an radio some textboxes will be disabled and some text box will be enabled .now i want to validate only the enabled text box and not the disabled one.
in the same manner when i check other radiobutton i want to validate the rest of the text boxes.can some body help please.
some one give me the validation code for that.
If you can use jQuery then you can get the enabled text boxes using
$("input[type='text']:disabled")
and the enabled text boxes using
$("input[type='text']:not(:disabled))
If you want to use simple javascript then you can get all the textboxes, then iterate through them, check the type attribute for text and check the disabled attribute to true or false.