I need to show chromium tool bar as shown in the screen shot below:
Is there a way to achieve this in ElectronJs?
There is no built-in address/tool bar in Electron, if you want one you have to create it yourself (using HTML, CSS, and JS). Here's an example of a custom address bar, and you may want to have a look at this issue in the Electron repository too.
Related
I'm working on a project for the GUI of an app written in Python that requires a collapsible sidebar like this one:
https://www.youtube.com/watch?v=-vQIcBKdhyk&t=9s
I already created a good portion of the GUI in Kivy and KivyMD. Applied also the Navigation Drawer that works as expected. However, it is fully retracted when not active, so not exactly what was asked.
Anyone managed to create something like this?
Thank you all in advance
Using Navigation Drawer component in KivyMD, it was possible to create something almost as required. Yet, there is no partial view (with little icons that would expand when the drawer were toggled).
Is it possible in Electron to put custom components into the native application header?
For example, to achieve a design as such:
Currently my app just has the default one with just the title text
Is there a way to make it bigger and put content in there? Or do I have to somehow hide the native header and recreate the native buttons myself?
I suspect it's the latter, but in that case, how do I hide the native one and hook up ability to drag the window with it?
Or is this design entirely not possible in Electron?
The design you're looking for can be achieved, but only on macOS, by using the titleBarStyle property set to either hidden, hiddenInset, or even customButtonsOnHover, in the options passed to new BrowserWindow().
This is explained in more detail in Alternatives on macOS:
There's an alternative way to specify a chromeless window. Instead of
setting frame to false which disables both the titlebar and window
controls, you may want to have the title bar hidden and your content
extend to the full window size, yet still preserve the window controls
("traffic lights") for standard window actions.
There might still be a few issues, such as not being able to drag around the window from its title bar any more, but they are documented in the Frameless Window page; for instance, this specific problem can be solved by adding -webkit-app-region: drag; to the CSS relative to the region(s) you wish to make draggable.
I'm trying to make an IE add-on that works only in background, without a toolbar panel. I do not want my add-on to display a toolbar panel because i do not need it. I found an example add-on in Delphi, but how do I make it to work in the background without a toolbar?
The example project you provide implements a Tool Band. It implements the IDeskBand interface to display a toolbar in IE.
For the functionality you are asking for, you need to implement a Browser Helper Object instead, which is a completely different beast, and a very different implementation than a Tool Band.
I would like to add a navigation bar at the top of "some" of my phonegap based ios application pages. I have tried using JQM based headers and they don't seem to be steady enough ( i.e. they scroll when I scroll the content and jump back). I would like to use a native control using a phonegap plugin ( like NativeControls) However I haven't been able to find anything ( as far as I can tell NativeControls used to have navbar control but it got discontinued) Any ideas? suggestions?
One of the options is to use a tool bar control on the top of the page but then it does not really have a way to create a title in the middle and buttons on left and right. Also it has no way of adding the native "back" control either.
I have been researching it for a while but haven't been able to find anything.
Update:
I ended up writing my own Navbar and hooking it to a javascript call through phonegap
Checkout this edited plugin for UINavigationbar
https://groups.google.com/forum/?fromgroups#!topic/phonegap/XVru2zgB_yc
I've had this problem too. Didn't find any plugins for this also.
This is what I did:
I've created a CSS NavBar/TopBar with position:fixed
Used this solution to make it work on iOS 4 too: Fix position:fixed in iOS 4
I am trying to create tabs at the bottom of the screen, which has to be there through out the application and a list needs to be displayed above. Please help...
Go to this below link:
Advanced UI Components
Here you can get one zip file. In that see the UIExamplePillButtonScreen and understand it. If you want the tabs for all screens then
Write the code in one class(Ex: TabPannel.java) which extends Field and add this to any screen like:
setStatus(new TabPannel());
This below link also helpful to you:
Tab bar in blackberry without ToolBarManager
Enough.