I'm using TabNavigation in react-navigation and I want to remove this (in a below image ) it is seem like borderBottom in react-navigation how to remove it ?
https://i.stack.imgur.com/riyJQ.png"
This issue has been resolved in react-navigation closed issues issue found here
but for android it is simply setting elevation: 0 in the navigationOptions
Related
I am hoping someone can help me. I have been using CKEditor for years on my production site, ever since FCKEditor, and it has been working very well until recently. I have customized my toolbar and added custom addons and customized the filebrowser and they have been working for a long time. My config file is sitting in a subdirectory but CKEditor just does not want to show the customizations for me, it just shows the FULL toolbar with standard colors etc. Has anyone else noticed this behavior? Is there some fix I cannot seem to find for this? My CKEditor call is below. The odd thing is my dev server and my dev box have no issues with this and ckeditor works just like it should. Any help would be greatly appreciated!
CKEDITOR.replace('ctl00_ContentPlaceHolder1_fckTemplateEditor', {
customConfig: 'ckeditor/myconfig.js'
, filebrowserBrowseUrl: 'ckeditor/filemanager.aspx?window=' + window.name,
filebrowserImageBrowseUrl: 'ckeditor/filemanager.aspx?window=' + window.name,
filebrowserWindowWidth: '780',
filebrowserWindowHeight: '650'
}, {
removePlugins: 'elementspath',
extraPlugins: 'uicolor',
height: '800px',
});
CKEDITOR.config.height = 450;
Ok after trying everything I could find, I figured it out. It seemed it was attaching to the control prior to my replace call so it was giving me an already attached error in the console, which I was not watching for. so I needed to destroy that attachment with the following code and it started to work again. There must be some issue with new browsers and how they work that is causing it to act up and just thought I would share what I found after a day of searching.
if (CKEDITOR.instances["ctl00_ContentPlaceHolder1_fckTemplateEditor"]) { // Check null
CKEDITOR.instances["ctl00_ContentPlaceHolder1_fckTemplateEditor"].destroy();
}
Thanks
I am having a difficult time changing the background color of the page. I have attempted Tailwind a few times in the past, but always reverted back to Bootstrap as I know it pretty well.
This is a fresh Laravel 9 with Jetstream installation. It comes with Tailwind v3 ready to go.
On the body tag in the guest layout, I tried bg-red and bg-red-900 classes. It's still grey. Tailwind does at least work, because I added bg-red-900 to the login button itself, and the button turned red. It's just not liking it on the body tag.
In tailwind.config.js I added:
module.exports = {
theme: {
backgroundColor: '#000000',
}
};
I also tried:
module.exports = {
theme: {
extend: {
backgroundColor: '#000000',
}
}
};
I run npm run dev and caching is disabled per Chrome dev tools settings. I even tried a hard reload (right click reload button with dev tools open and choose "Empty cache and hard reload").
I am sure the css is being generated as I can see the tailwind comments in css/app.css. The page works, as it shows the normal breeze login page as it should. It just refuses to change the background color. I get if I am setting it wrong in the config, but for it to not accept bg-something as a class seems weird.
How do I change the background color? It will be the same background color for every page, so like a theme, but I don't want to declare a whole theme palette.
This is probably something simple because I know nothing about Tailwind. I've just searched and dug through the docs and just don't get it.
The background color in Jetstream in the guest layout is actually coming from the authentication-card component.
Once you have published the Jetstream components the authentication-card.blade.php component can be located at:
resources/views/vendor/jetstream/components/authentication-card.blade.php
You should see a bg-gray-100 class in the root div tag which is what you need to change.
In titanium appcelerator we can add single external js file to our window as follow
var win = Ti.UI.createWindow({
url:'myfile.js'
})
Can we add multiple js file to window?
The url property of Ti.UI.Window was deprecated long ago, maybe 2 years ago. It was a terrible implementation back in the day. You should not be using it.
If you won't want to use the Alloy framework, you should be creating windows as CommonJS modules where you export a window reference or a method to open the window. There are examples of this in the guides.
When viewing the source code in an instance of CKEditor, the code is not wrapping when using Firefox (version 36.1). I have checked this with the CKEditor demo to make sure it is not my code, and this problem happens there too.
I have checked the demo in Internet Explorer 11, Opera 27.0 and Chrome 41 and the source code wraps in all of these browsers, so why is it not wrapping in Firefox?
I am using Windows 8.1.
Thanks.
It's a recent change in Firefox and you can fix this by adding to your stylesheets:
textarea.cke_source {
white-space: pre-wrap;
}
Check this ticket. This issue will be fixed in next minor CKEditor release.
Thank you Reinmar. I was able to fix this by changing this style in:
ckeditor/skins/moono/editor_gecko.css
.cke_source{
font-family:'Courier New',Monospace;
font-size:small;
background-color:#fff;
white-space:pre
}
was changed to
.cke_source{
font-family:'Courier New',Monospace;
font-size:small;
background-color:#fff;
white-space:pre-wrap
}
I changed this in editor.css as well.
I am using a bootstrap 3 template and have noticed on some that scrolling is not smooth and kind of bumpy. I am not even sure what to look for. This only happens in Chrome. It does NOT happen in Safari or Firefox.
Is this a javascript or css problem? I have never run across this before.
This seems to happen worse in Chrome for mac, but also happens in chrome for windows.
It seems to happen when I make the window smaller and then make it bigger again. If I leave the window the same size, it seems to scroll fine.
Link:
http://demo.phppointofsalestaging.com --> Click Sales then resize the window in Chrome and then scroll down and then up. You will notice it is very bumpy and not smooth
:root { scroll-behavior: auto; }
Add this simple code to your custom CSS file.
"scroll-behavior" declared as "smooth" in bootstrap css/bootstrap.reboot.css.
So we need to overwrite it using our custom css.
The problem is in the jquery.nicescroll plugin that is used with the theme, the function jQuery.fn.scrollTop make the problem, it takes more than 75% from the cpu when run. my solution is :
You are using the jquery.nicescroll plugin version 3.4.0 use the latest version currently version 3.5.0 available.
If not working as expected, downgrade to version 3.2.0 I'm using it with my site without any problem.
Also check that if the hwacceleration in the Configuration parameters of the plugin is set to (default: true).
Update 1:
nicescroll plugin is a solution to have a custom scrollbars compatible with desktop, tablet and phone devices and to override the default scrollbars of the browser " more information her ", "you didn't see the diffrence because the plugin used in your project works when your browser window under 767px" so another solution if you don't need it you can remove the plugin from your files by following this steps:
Delete the plugin file (jquery.nicescroll.js) from your script folder.
Delete the plugin link from all your files.
Delete the plugin function lines (21 to 36), (49 to 66), (149) from (unicorn.js) file.
Update 2:
I made some tweaks for the (unicorn.js), download it from her, then replace your original one.
Hope this will help you.