Add a menu button on control bar in videojs - video.js

Hi I am using videojs player framework version 5.2.4.
I am trying to add a custom button in control bar menu. I tried code given here add item in control bar
But it seems that our version of video js is causing a problem in calling functions.
Is there any help for current version of video js? Also I want it to show/hide automatically as control bar hide and show.
Please help.

Related

Add Custom button in VideoJs player (inside player not in controlbar)

I want to insert a skip intro button in my videjs player,Like netflix or youtube skip add button. I have gone through many documentations but found every button on controlbar. Is there any way to add a button over videjs player for skip intro not on control bar.
I have added button using components in videoJs, but it adds the button in controlbar, i want to add the button over player not in the control bar
If it's added to the control bar you're doing something like player.controlBar.addChild('Button', myOptions).
Instead you can add it directly to the player, player.addChild('Button', myOptions). You'll need to add some styles since the default styles assume it's a child of the control bar, but this way it's a direct child of the player element.

Angular Gantt Chart Syncfusson Filter Menu Scroll Bar Closes when Clicked

I have an issue with Syncfusion Gantt chart Filter Menu, whenever I open the filter menu and clicked the scroll bar it's closing. I wanted to resolve to Stop Closing the Gantt chart Filter Menu when clicking the scroll bar.
Sample Syncfusion Gantt Chart Menu Filter
I just hiding some details from the screenshot for security.
Here are the details:
Library Version : ej2-angular-gantt: ^19.4.42,
Filter Menu type: Excel
The solution I tried but had no luck:
#Hostlistener = to detect scroll bar action
#Viewchild = to detect element action
Use custom JS script = to use jQuery for that Filter DOM
Thank you in advance for answering my concern.

.Net Form Layout - create Chat UI like facebook or google hangouts

I want to create an application and chatting is involved. I am currently struggling to format existing controls or to create a control with the following conditions:
a container is docked to the main form's bottom
inside of that container, a button can be used to toggle a chat
component (e.g. text edit) to become either visible or invisible
if visible, the chat component is aligned with the button that was
pressed but does not force a resize on the container of the button
So basically I want to achieve a facebook or google hangouts like chat layout in vb.net that can also scale dynamically according to the current window size. Nevertheless it should always stick to the bottom.
Please keep in mind that this question is not about making the chat work but only the layout/design problem I am facing.
My current approach is the following:
FlowLayoutPanel docked to bottom with buttons
RichEdit as placeholders to simulate the chat component
My current layout
Is there an easier way to do what I want to do?
Set the anchors to the bottom of the page/panel.
On the designer, click the control you want to edit, find the Anchor property and change it to bottom (and left/right/top, whatever you'd like).

Removing Android toolbar bar on Sencha Touch

I have two issues with a Sencha Touch application, first is how do I remove the top bar highlighted in red, second is, when I press the back from above bar it goes back fine but when I press the phone's back button it takes me out of application, what can I do? Look at the picture below
I have already tried using navigationBar:hidden or false and autoMaximize:true, also about back button thing I don't have any idea so please suggest me something.
Question 1)
I guess you are using Sencha native packaging, and you have encountered this bug: http://www.sencha.com/forum/showthread.php?259817-3.1.0.256-Strange-Android-Titlebar-on-native-Apps/page2
Quote from richardvd user of Sencha Touch Forums:
This is the Android TitleBar, you can remove it by adding an attribute
to your base AndroidManifest.xml.
In my case this file is located here:
C:\ext\Sencha\Cmd\3.1.1.274\stbuild\st-res\android\AndroidManifest.xml
Open it and add this attribute to the application field:
android:theme="#android:style/Theme.NoTitleBar"
Question 2)
You can control the back button behaviour from Javascript with Cordova/Phonegap:
document.addEventListener("backbutton", yourCallbackFunction, false);
Source: PhoneGap documentation

What event is rised when changing between two BorderContainers using TabBar component?

I am developing Adobe Air desktop application using Apache Flex 4.9.1 SDK.
I am using a TabBar control in order to go through different windows. For a window I am using a BorderContainer control.
My question is:
Is there any event raised(in the BorderContainer control not in the TabBAr control) when you change from one window to another using the tabs. The event in TabBar is "change", but I need to capture this moment in the BorderContainer. I have tried "FocusOut", "Hide", "Deactive" events, but they are not raised. So does anybody knows what is happening in the BorderContainer when the tab is changed?
Thank you in advance!
Use the change event on the tab bar ..