Develop Reference

Preventing Apex Button Double click

Hi I have a button that inserts empty records into an interactive grid. I want to prevent the user from being able to double click that button because it populates duplicate rows. I have a server side argument that says if there are rows the button does not appear however they are still able to double click the Populate_tables button before it vanishes. If there are any other solutions to this please sound off. I've tried everything from javascript to server-side but they are still able to double click no matter what. Here are the before and after pictures of the table.

$('#btnPopulateTbl').dblclick(function(e){
e.preventDefault();
});
The above code prevents the double click for a button. This is in jQuery.

Oracle Apex does not offer this functionality as a setting or etc.
However you can use
$('#button').click(function(event) {
if(!event.detail || event.detail == 1){
// This will be executed once even user clicks multiple times
}
});
Note that your selector must be the id or the class you provide to this button.
By default 'add row' button's classes are:
class="a-Button a-Toolbar-item js-actionButton"

Another solution would be to have apex handle this. Suppose this is on page 1.
Create a page item P1_POPULATE_ROWS_CLICKED with a default value of 'N'
In the page process that populates the table, add the following line before the actual load:
:P1_POPULATE_ROWS_CLICKED := 'Y';
Add a condition to the page process that populates the table of "Item not equal to value", P1_POPULATE_ROWS_CLICKED , Y
Yet another solution is to only execute the insert statement if no rows exist with that condition yet. I can't show you how to do it because you didn't show how the table is populated but happy to do so if you edit your question. This last option is propably the most suitable.

Selenium doesn't click on the top-most element

Consider the following Selenium automation:
Its goal is to go to a financial chart from the website Barchart, click on the custom calendar icon (at the top right corner over the chart), input a custom range in the form that pops up over it, and validated it using the apply button.
driver = webdriver.Chrome()
url = 'https://www.barchart.com/stocks/quotes/AAPL/interactive-chart'
driver.get(url)
driver.find_element_by_css_selector('.calendar-icon').click()
driver.find_element_by_css_selector('option[label="Intraday"]').click()
driver.find_element_by_css_selector('[data-ng-model="selectedAggregation.range.from"]').send_keys('11/01/2019')
driver.find_element_by_css_selector('[data-ng model="selectedAggregation.range.to"]').send_keys('11/01/2019')
driver.find_element_by_css_selector('[data-ng-model="selectedAggregation.range.to"]').send_keys(Keys.ENTER)
driver.find_element_by_css_selector('[data-ng-click="modalConfirm()"]').click()
It works fine for the most part, until I try to validate, which never works. I then realised that sometime this last action would lead me to a promotional page whose link is located exactly beneath the Apply button. Which seems to indicate that selenium 'click through' the form onto the link below.
I have tried other selector for the apply button, which all give the same result.
I also try to use the submit() method from selenium, which returns an error. Lastly, I also try to implement the execute_script method from selenium, but I did not manage to understand what exactly is the javascript call being executed on clicking apply.
Note : this is because i need to get the cookie and xsrf token that is generated by that call, not because i need to collect the actual financial data ( I know that the financial data can be collected using 'https://www.barchart.com/proxies/timeseries/queryminutes.ashx?' + data), where data are the query string parameters.
Any help greatly appreciated.

I had a look for you, the below should accept the changes for you, I've checked this and it works for me.
javascript = 'document.querySelector("body > div.reveal-modal.fade.interactive-chart-modal-aggregation.in > div > div > div > button.bc-button.light-blue").click()'
driver.execute_script(javascript)

How to Change the HTML button size dynamically

I have a web browser in XAML:
<phone:WebBrowser x:Name="Browser" Grid.Row="1" Grid.RowSpan="2"
Navigating="Browser_Navigating"/>
It displays HTML content present in isolated storage so I retrieve the content and store it in a string to display it on WebBrowser,
Browser.NavigateToString(str);
The string contains a button which acts as a link. I want to change the size of this button.I do not know how to access the button present in string which is stored inside Isolated storage. Any idea?

There are more than just one way to get this done.
It's about string-manipulation.
Example 1:
Search through the HTML-String for the ID or Name of the Button.
If you found it: simply add style="font-size:99px" into the Buttons Tag, where the 99 is the size of it. Change it how you like to.
Example 2:
If you know that the CSS (Styling) is in the same Website (String) then you can edit or add the font-size attribute there.
After you did this, just call your edited String like this:
Browser.NavigateToString(EditedString);
If you've got questions, ask ;)

Changing modal content on MVC

I have a modal, and I'like to have 2 steps on it.
The first contains a (kind of) grid with one button on each line. When the user clicks a button, I have to go to other view sending the row's id selected. He may want to go back and change his selection.
I've tried this below, but it opens at the page, not at the modal:
[HttpPost]
public ActionResult Step1()
{
return RedirectToAction("Step2");
}
Is there any way to do this?
Tks.

I'd recommend you following approaches in order get that behavior:
Javascript: your modal should contain markup for 2 steps, but only one is visible at the moment; one user clicks button on the first step - populate 2nd step dynamically with javascript
AngularJS + Route: Similar to the previous, but different from tools stand point; angular knows how to insert peaces of html into your page; see a nice article with a demo on this; this approach might require some conceptual changes to your solution, but finally you'll be sutisfied
Hope this helps.

Step1 action should return a PartialViewResult.
In your grid, upon click the link that open step1, fire a JavaScript function that does the following:
1- fire ajax request to the action passing a query string parameter, ex: ID, you can pass this parameter when you draw the link in the grid, ex: Open
2- In the action, get the parameter, retrieve the data and return the partial view.
3- when the data comes from the ajax request, set its content to the modal dialog
4- show the modal dialog, you can use either bootstrap or jquery dialog

How to reload JSP with changed actionbean variable using Stripes

I am new to working with Stripes. I have a dropdown ("show ## recordrs per page") and a paginated table on the JSP page and I want to display as many records per page in this table, as the value selected in the dropdown.
The action bean has a variable "recordsPerPage" and I am not able to figure out a way to set the value of this variable and reload the table, so as to change the number of records that are displayed per page. Please help.
---- Additional Info -----
The table that I use is a displaytag table, which accepts a PaginatedList. This table is within a stripes form.
-- EDIT:
What I did is, I added a <stripes:hidden/> with the name "recordsPerPage" and set the value to be the number of records I want to display. I also added a <stripes:submit> to the same form. The "name" attribute of this submit button is the method name of the action bean I have to call. When I click on this button, I am able to do what I want. But now, I am unable to do it through javascript. Please help.

Due to some reason, calling Dom.get('submitButton').submit() or Dom.get('myFormId').submit() does not fulfill the intended purpose. Taking a clue from being able to do what I wanted from the submit button click, I made this submit button hidden and the called click() on this button from javascript. Thus Dom.get('submitButton').click() produces the intended result. If someone can give me the explanation of why the submit method did not result in expected behavior, that'll be great.