How to keep mat-expansion-panel open always using only css - mat-expansion-panel

Is there a way to keep the mat-expansion panel open by default and I dont want the toggling feature. It should be kept open always. Is there a way to achieve this using only css.

Related

How to set Autodesk Setting to front?

I am having an app, which uses the Forge API. The UI displayed when pushing the Forge button "Settings" in "settingsTools group", overlaps one of my buttons.
However since my app zIndex is set (I am in react code) the click upon close of the setting UI, triggers my buttons instead of the close button.
Hence, I am intrested in setting the "Settings UI" to front so the click upon the close button triggers close. My front end code is in the react framework hence a simple zIndex parameter to set could do the trick.
How can I do so?
Instead of playing with hacky ways, consider using the docking panels provided by Forge Viewer. From my understanding, it can also work with React.
To elaborate the usefulness of panels, consider the following example:
Here I have a floating div, showing me some information related to the model. Obviously I've set a high z-index, to bring it upfront and here I have the same problem as you have - when opening things like settings, properties, model tree, etc, they all appear behind my div. Moreover, when changing the size of the window, I have to deal with my div position.
On the other hand, Forge Viewer uses everywhere panels, like this very Settings dialog.
Thus, if you would place your button into this kind of panel, this would save you from headache with z-index, docking, rescaling etc, as all the panels are working nice one with each other, as the below Robot Control Panel:
For more information on how to create a panel, I suggest checking http://learnforge.autodesk.io/#/viewer/extensions/panel

Autodesk forge viewer set toolbar button text without css

I have a bunch of buttons I am adding to the toolbar in the viewer that I want text for instead of an icon. For the majority of cases I have been able to just add the text by setting content on the .adsk-button-icon:before which has worked perfectly although im not a huge fan of having the text set in the css file but it works.
I am now looking at adding buttons to the toolbar that will get the text when the viewer is loaded so I can not add the text via css beforehand.
Currently the only way I can see of doing this is creating the styles with JS or adding inline styles with JS which if possible I want to avoid. Is there a way to set a text (or better yet html) to the button or is there a control better suited for this.
https://forge.autodesk.com/en/docs/viewer/v2/reference/javascript/control/

Accessing the CSS and HTML on wordpress version 4.8.1

I'm having a hard time trying to access my CSS & HTML files on my WordPress blog.
I posted a screenshot of what I CAN access, but it's not super straight forward,
However, I need to get into these settings so that I can change the display settings or screen dimensions?
My issue is that whenever someone goes onto my webpage: RobertNolfiRoofing.com
and they resize the window- it moves my content all around. What I want is a fixed setting so that if someone were to resize the browser window it would have a scroll bar, rather than moving content around.
Thanks!
screenshot
In Wordpress 4.8.1, you can use (in almost any theme) the "Customizer" to add your own CSS: In the backend dashboard, choose menu Design > Customizer, which opens the customizer in a column at the left side. There, the last line is "custom CSS", where you can add CSS rules which either are additional or can overwrite existing CSS.

Is there any way to Customize alertbox in HTML?

I want to customize the default look of alert boxes which generally shows in any browser. Is there any way to customize according to my choice?
I found this link.
Actually i want to customize alert boxes so that i can use it using PHONEGAP
No, you can't style alert boxes. If you want to style popups use modal windows.

To make the same size of html input button and uploaded file control browse button

Is there any way to make the same size of html input button and uploaded file control browse button?
When I make changes in size of html input button, it affects to the horizontal alignment of these buttons?
Thanks
Aung
This relies on the browser and cannot be changed without javascript (re-doing the elements for instance).
you cannot change the look and feel of basic object. To achieve this, you can create custom server side control in which you achieve the desired look by overriding the render.