About your first question, we can use the Image variable of the NavBar control. You can choose an 30px image in order to be used at the left of the NavBar, in which they called "NavBar's brand".
About your second question, certainly, apparently we can apply some gradient style to a NabVar, for example, by using the below code in the "Inline CSS" option of the app, suposing we have a "NavBar1" control in the app.
Yes; please, use the app's File manager to add an specific image or a directory: then you can use the app's image's path into the Image variable of the "NavBar", even in designtime, that is, using the "NavBar" object inspector.
Yes; the image of the "NavBar" control must be 30px... maybe a bit greater, but then the browser must scale it. It's the designed size for the control, not something that we can change... if we don't want to "break" the control in some way.
About your second question, please, take a look at the "NavBar" sample. Open that sample and see in the Menu -> App -> App's files manager. As you can see in the Images tab, we include certain image that is also included by the sample (see the sample's folder).
Then take a look at the NavBar control's Image variable: you can see that we specify the image's local path in that variable.
I think the point here is to consider that image like for what is designed: it's a "brand image"... not a "logo", nor another kind of image... that is, maybe it's a better idea to prepare a "brand image" (maybe specific for the NavBar) based in the other image or logo.
Look at the below CSS code, which we can place in the Inline CSS option of the app:
If you want to apply other rules to the NavBar's brand image... that's can be the place.
Take a look at the Navbar.Image value. You will be able to change the image programatically after having checked if the the menu has some content.
About the Navbar's position, it is the .Placement value (take a look at the Navbar example or the Help file.Good luck :)
To hide the menu toggler we can use some CSS like the below:
However, if we don't want a menu... maybe we no need a NavBar at all, but a HTML Content or Container control... or a combination of these...
About to place a NavBar at the bottom, is possible, even we can have two NavBars, one at the top and one at the bottom, take a look at the NavBar's Placement variable and set to "fixed-bottom", for example.
Everybody can read the DecSoft's support forum for learning purposes, however only DecSoft's customers can post new threads. Purchase one or more licenses of some DecSoft's products in order to give this and other benefits.