apex 5.0.1 and css class for HTML button - oracle-apex-5

in apex 4.2.3 i can add class to my button using
Button style : HTML button
Button CSS Classes : myclass
in apex 5
Button style is changed by Button template (HTML button (legacy - APEX5 migration)
==> Where can i put my button css class ?

CSS Classes is hidden by default to display it we have to do one of the two things
1- click on Show all
2- click on "Go to group" then "Appearance"

Related

Handle click a button or undeline text in webview react_native

I need 1 feature as follows: Click a button or underline text in my webview and console this click. example :
Click "Xem chi tiết" => show a alert "you clicked xemchitiet".
XemChitiet is a "href" or "button" or "element tag html". This my code:
<WebView
source={{html: '<h1>Xem lí thuyết các loại nhiễm điện</h1><a style=\"text-decoration:underline\">Xem chi tiết</a>'}}
/>
You need a React-Webview bridge to accomplish that, take look into react-native-webview-bridge.

Selecting popup without title and clicking button inside it with geb

I have a popup without title and I want to detect the window using any other criteria (for example a div that wraps the whole popup) and click a button inside it.
I've tried the following:
when:
withWindow({ $("div", class:"main.msgAlert" )}) {
$('#close').click()
}
then: true
But I always get a org.openqa.selenium.ElementNotVisibleException at te #close action.
Am I failing at detecting the window or is the error related to the button?

How to Expand and Collapse the Bootstrap accordion panel as user choice

How to Expand and Collapse the Bootstrap accordion panel as user choice means if i expand A collapsible panel and after that expand B collapsible panel then A should not collapse. If use want to collapse it then can do by click on the symbol.
you can do this by having different parents for each collapse
data-toggle="collapse" data-parent="#accordion1" href="#collapseOne"
second one
data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo"
bootstrap only detects the parent to hide previously opened collapse.
Requirement 1 : To Expand and Collapse the Bootstrap accordion panel as user choice not to auto close, please use the below code.
1) data-parent="#accordian"
Note : will work for auto close of expanded panel while click on another.
2) data-parent="#proposalAccordian"
Note : will work to stop auto close of accordion panel while click on another.
Requirement 2 : Adding (-) and (+) symbol while expand and collapse.
1) Add the following code in the appropriate place . Please refer the attached file to do this .
2) Also add the following javascript code in the header.
$(document).ready(function () {
$('.collapse').on('shown.bs.collapse', function () {
$(this).parent().find(".glyphicon-plus").removeClass("glyphicon-plus").addClass("glyphicon-minus");
}).on('hidden.bs.collapse', function () {
$(this).parent().find(".glyphicon-minus").removeClass("glyphicon-minus").addClass("glyphicon-plus");
});
});

Twitter Bootstrap 3 accordion with show / hide button

I am working with twitter bootstrap 3 and the accordion module and I want to do as follows: a button that says 'show', and when it's shown, a button saying 'collapse'.
I have tried with data attributes but it didn't work.
The accordions are inside a loop with django.
Thanks
I am using this js
$('a.accordion-toggle').click(function() {
if ( $(this).next('.accordion-body').hasClass('in') ) {
$(this).text('Close');
} else {
$(this).text('Open');
}
});
I have managed to make it work but it only switches the button once: all collapsed, button 'Open'. On shown, button 'Close'. But if I hide the accordion, the button doesn't change to 'Open' again.
You can do it using just CSS. I used the 'folder open' and 'folder closed' glyphicons. This is the Bootstrap example, I've just added the collapse class to the closed header anchors.
Here's an example:
http://jsfiddle.net/rTw7D/7/

Disclosure button initially hidden, then visible

I want the disclosure button to be visible on each of the items of the list only when i click an "EDIT" button. How can i do that?? I tried "list.setOnItemDisclosure(true);" on clicking the EDIT button but disclosure didn't appear.
Just create a css class where the x-item-disclosure would be hidden :
.hidden-disclosure-list .x-list-disclosure {
display: none;
}
Then when you want to hide them you just have to do:
list.addCls('hidden-disclosure-list');
And when you want to display them just do:
list.removeCls('hidden-disclosure-list');
Hope this helps
Manipulate the list's on item disclosure property...On click of the edit button toggle the list's onItemDisclosure property...
list.setOnItemDisclosure(true);