Can I use custom styles for the Google Sheets Sidebar? Or will this not pass the addon review for the marketplace publishing?
I know there is stated
Use the add-ons CSS package in your HTML service pages
But I would like to use UI5 framework that comes with its own styles. And I don't want to create completely new theme for UI5 just because of this.
Related
I've created my website that compiles my scss (boostrap, node_modules, my own custom css) to a single file. Now I'm wondering what would be the best way of styling gutenberg blocks in the editor?
I want to keep the responsive nature of my blocks from bootstrap and my styling what would be the best approach to do this?
If I'm understanding correctly, you want the CSS file for the front-end of your site to also apply to the block editor?
If so, that's as simple as adding add_theme_support('editor-styles'); in your theme files (such as in functions.php).
I find it helpful to create a second block-editor stylesheet to use only in the editor. Sometimes I find the media query breakpoints are too different or just need to tweak the front-end styles a little for the editor. For that file, you can use wp_enqueue_script() on the enqueue_block_editor_assets action hook so it applies only to the editor.
I'm experimenting with Gutenburg blocks in Wordpress using the create-guten-block tool. What I wanted to know is whether there are standard styles that we can use to style our interfaces. As an example, I have created a very simple control using the TabPanel component which renders as:
Pretty ugly and if we code the component such that the orientation is vertical, there is no change to the layout.
Are we, as developers, responsible for styling these components or is there a standard set of styles we can pull in and use?
For some components you are responsible of styling. Wordpress has added styles for the <TabPanel>component. However Wordpress only uses it in the Block Editor Sidebar, not in the Blocks themselves.
You can get an inspiration from here where the tab styles are defined. It should be easy to mimic them and adapt them to your needs.
I want to create app that have this usecases:
Load dynamically style from some theme.
End user can define some theme with html, css, ... and install on the app.
After some research for choosing best solution for this problem we find out for state management we need some library or framework like Redux or mobx. For dynamically styling we decide to use fela.
this is supposed to be a shop app that can have different themes. user can change the theme and customize it to some degree. that's why we need to have some sort of dynamic style loading. components are the same.
Is there a way to make a custom button style in Visual Composer without using extra class?
In the Button section I can choose plenty of colors, but none of them match with the theme design. How I add a new one?
You just need to use chrome developer tools to identify which class that button is using then you can write your custom css and override the button styles but it will effect all the buttons which you will be creating using visual composer and it is not the best practice to do. So i recommend to use extra class and write custom styles
I have created a custom styles css and registered it as follows in v4.master using SharePoint:CssRegistration option name="<% $SPUrl:~SiteCollection/Style ibrary/Custom.css%>" after="corev4.css" runat="server"/>
I assumed that my custom styling would be applied to any new site, however any new sites open in the standard default style, obviously I want my custom branding to automatically apply..
I have to mess around in site settings to use the parent theme etc, but even that does not always apply the styles correctly, so I have to go to the parent site and apply the parent styling to substitutes etc.
Other users will be using the site so I want to make it as easy as possible, can anyone offer help?
In order to apply your custom styles & master pages, you need to create sharepoint module (your styles, files & configuration) and Feature with Event receiver(when activated in sharepoint site/sitecollection, it'll apply your module, when deactivated, it rollback default settings related to styles/master page).
Here is the step-by-step article,
Article 1
Article 2