Hide the Wizard Step Title page in SAPUI5 - html

I am having a requirement for SAPUI5 app to hide the title in wizard step although it has to be there in title bar. I have highlighted that in the image below.

If you are building a standalone application, you can extend the control "sap.m.WizardStep" as a solution.
Screenshots of extending the control and using it in the app :
Creating the files for extending WizardStep
WizardStep.js
WizardStepRenderer.js
Using the extended control in app
Result

Related

ReactJS: Image Selector

I am new to ReactJS ,I am developing a application where we display a List of Images from web and User can select an image,enter some details and submit this image to Backend application. I am looking for React Component (possibly from Material UI -https://material-ui-1dab0.firebaseapp.com/demos/grid-list/) where I can display a list of image and when clicking a image it show it as selected.I am looking something like Image Picker in Jquery (https://rvera.github.io/image-picker/).
Thanks!
react-image-picker npm package.
There are also several react-native specific packages if your target platform is mobile.

Coded UI - Unable to identify a html controls on a Wpfbrowser

I am new to CodedUI & C#.
I am trying to automate a wpf application which has a WPF Browser.
So basically, It's WPF container with html content inside. I have created a similar sample small application and shared it here. This application opens the amazon.in website within wpfwindow.
WPF Browser application
My problem is Coded UI is not able to identify the Html-Controls/elements like 'Buttons', 'Text input fields' properly.
Below, the top image is from the WPF Browser app [Link which i have shared].
Here you can see a blue square box on the top-left. The coded UI identifies that area has the Search Go button.
Bottom part of the image is of the amazon website in IE browser where coded ui is properly highliting/ identifying the Search Go button.
Does this mean i cannot automate WPFBrowser apps using Coded UI.?
Can someone please tell what to do to identify the buttons properly in coded ui
You need to specify Id attributes for the controls that you want exposed to Coded UI.
To me this looks like CodedUI is getting some control that's similar, rather than the correct one.
You haven't mentioned if you're recording and executing tests or handwriting them in a separate CodedUI solution.
If you're recording them: Be sure that you're recording using your WPF application and interactions inside of them, rather than recording using your browser and then trying to execute tests using the WPF application
If you're writing them by hand: Be sure that you're correctly creating trees of inheritance when writing your tests. For instance, in a traditional CodedUI scenario the absolute top level object that all other controls inherit from is a web browser. In your scenario, that object should be the WPF object. There are probably going to be some other windows or various controls that are children of the WPF application which in turn will finally have the browser as a child.

Flex dashboard component

I are looking to use a dashboard component in flex/as3 product.
So far I found this :http://www.flexicious.com/Home/Dashboard
I would like to know if anyone used such a product and can provide input on it.
Our base (flexible) requirements are:
Ability to move , resize , show - hide arrange windows inside the dashboard, something similar to flash builder editor.
Thanks!!
The dashboard application is inspired from the sample Dashboard application developed by the Adobe Flex community.
I suggest you to get the source of Adobe Dashboard Flex project and run it on your Flash builder.
It's more pretty and clean than any other imitation.
1- go to this link to download the project source as FXP (flash pro project) :
http://download.macromedia.com/pub/developer/flex/Dashboard-Part4-End.zip
2- Unzip the "Dashboard-Part4-End.fxp" file.
3- import it on your FB like this: File > Import Flash Builder Project > File and browse to your "Dashboard-Part4-End.fxp" file.
4- That's all, Run the project and look how it's pretty and clean : you can resize, move and reorder widgets with animation (see attached screenshot).

Current panel in jqmobi app

I am porting a mobile app from jQueryMobile to jqMobi and am looking for a way to determine the currently viewed panel. In jQuery they had
$.mobile.activePage
Does jqMobi have something similar, or do i need to track it myself?
There is a property called "activeDiv" that you can use - it is the raw DOM node.
$.ui.activeDiv

Display HTML pages in WPF application without WebBrowser

We have an application that transmits data responses over a radio in the form of an HTML page that is then displayed on a mobile device. The mobile application is beign rewritten in WPF.
We need to display this HTML page in an area of our UI. I have used the WebBrowser control and it displays the page fine. However, the WebBrowser gives you no ability to customize. I have two main stumbling blocks preventing us from using the WebBrowser control for our implementation.
We need to provide particular functionality on a right-click on the control. I cannot get the built in context menu of the WebBrowser control to not display.
We need to customize the scroll bars, which you cannot do with the WebBrowser. We deploy on touch screen devices, so thoroughout our appplicaiton we have fatter scroll bars and additional features for scrolling that the WebBrowser control doesn't allow for.
I'd like to find an alternative.
There is a project/product call Awesomium, which is based on Chromium/WebKit. It is a commercial product, which used to be open-source.
For .NET/WPF it uses the AwesomiumSharp wrapper.