How to change the default value of padding of all ionic pages? - ionic2

I want to change the default value of padding in ionic !
for example: I use this way to change the value for each page
<ion-content padding style="padding:5px;">
</ion-content>
So, Is possible to change the value of padding for all pages without use style many times?

The proper way to do this would be by looking for the Ionic SASS variable that defines the padding of each component (here), and override it in the variables.scss file.
So for example, if you want to change the padding of the ion-content in the entire app, you'd need to override the $content-padding SASS property:
$content-padding: 10px; /* The default is 16px */
Please also notice that if you want you can change it for a particular platform if you don't want to change it for all:
$content-ios-padding: 10px;
$content-md-padding: 12px;
$content-wp-padding: 14px;
If you want to change the padding of the ion-card, just search for the SASS property related to that padding/margin of ion-card components, and override it in the variables.scss file.

Ok at first i didn't get what you actually meant if you want to override the default padding attribute value you need to go to
src/theme/variables.scssĀ file, and just add a new value to the file:
$content-padding (
padding : 5px
)

Related

MudBlazor: font-size and spacing in MudSelect and MudList

For my purposes, the font size and spacing of the individual items in MudSelect and MudList don't work for me. Unfortunately, my attempts to change these parameters with styles were unsuccessful. That is, the components don't respond to the "font-size:" setting in the style.
<MudListItem Style="font-size: 10px">#context.Name</MudListItem>
How can I do this?
Try this:
<MudListItem Style="--mud-typography-body1-size: 10px;">#context.Name</MudListItem>
https://try.mudblazor.com/snippet/cOwQOZnYeaGHumVm

How to change width of Joomla module

I dont understand how to change width of module.
I find use Firebug that this not in css. Look :
element.style {
width: 50%;
min-height: 439px;
}
I need to change this width. I use option to search files with this keywords. But nothing.
I understand that this add by using Java Script or something like this.
My Joomla version 2.5.3
This width is created dynamically with javascript in module files.
You have to search /modules/*module_name/ to find the code that creating it (or if you are using a template override /templates/*your_template/html/*module_name/).
You could also add a css rule to override it like:
.class_name {
width: 100% !important;
}
Hope this helps

Improper alignment and Height issue with inline formatting

ods escapechar='^';
%let bmi=^S={font_weight=bold} Body Mass Index(Kg/m^{super 2});
When i am trying to create pdf o/p my font is changing in output(Superscript appears in different height)
Is there any solution for the above issue
I think the problem is that you are overriding the style inline, which SAS handles a bit oddly. I am assuming this is a TITLE element below, but the same rules apply no matter where it's coming from.
<td class="c systemtitle">
<span class="c" style=" font-weight: bold;">
Body Mass Index(Kg/m<sup>2</sup>)
</span>
</td>
Notice the class of the span: it's not a systemtitle anymore, it's just a 'c' (which is generic centered text). More than likely your style doesn't properly implement superscripts in generic centered text. I would look at that and see if changing styles works. In general, it is better to do things like the font-weight:bold in styles rather than in inline formatting; you might find you have better luck with that.
I would also add that in the default style in 9.3 for PDF, this isn't a problem, using the default PDF driver in base SAS. If you're running this in EG, it uses a slightly different driver to print PDFs, so that could also be worth trying; options dev=PDF; fixes it.

How to set borders and other styles of a plugin object from JSAPI side?

I have this::
FB::DOM::ElementPtr _element=m_host->getDOMWindow()->getDocument()->getBody()->getElementById("plugin0");
I got the element(i.e. object tag of the plugin that i wanted) by ID. It's compiling. I now want to SET its property from the JSAPI side...like border color style and width....
I went through this page . I could find only 1 method "setInnerHtml"...which sets something. What should i pass in its argument...?it has std::string type...so that I can manipulate the plugin's document. Any ideas...
Basically I want to set the attribute of a tag from PluginAPI side.....
Honestly? You'd be much better off putting the plugin in a div at 100%x100% and then managing the border of the div. For something like this I'd probably just use:
m_host->evaluateJavascript("document.getElementById('pluginCont').style.border = '1px solid black';");
That'll be the easiest. You could also look at the DOM abstraction code and add some tools for managing CSS; note that on IE you may need to use special activex methods to do this, which is why I dont' recommend just doing it through getDOMElement() (which is a shorthand, btw, for the long code you have in your example)

What to change on KendoUI template for different backcolor on k-listview selection?

I am new working with KendoUI and need to modify the default backcolor for selected item on k-listview (currently orange), however I have not been able to find out where is it and the css is hard to read since they use no space or carrier return on file.
Any ideas are welcome!
This is the sample code
.k-calendar .k-state-selected { background: blue; }
from the SO answer
You shouldnt use calendar, but element you need